Javascript怎么实现下面的序号特效！

javascriptcss

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<span style="display:inline-block;width:15px;height:15px;line-height:15px;border-radius:8px;background:#820000;font-size:16px;">1</span>
楼上的写的很好，很佩服，另外在楼上的基础上补充一下，加了一下字体颜色，加了一下行高和居中，让效果更贴近楼主想要的效果。
<span style="display:inline-block;width:15px;height:15px;line-height:15px;border-radius:8px;background:#820000;font-size:16px; color:#FFF; text-align:center">1</span>
<span style="color: #ff0000;font-size: 50px;">
❶❷❸❹❺❻❼❽❾❿<br />
➊➋➌➍➎➏➐➑➒➓
</span>
大婶原来HTML编码里面还有这玩意儿哪里有编码参考不？
大婶原来HTML编码里面还有这玩意儿哪里有编码参考不？
这是我自己用的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
body {
font-family:arial; font-size: 29pt;
}
span {
margin: 10px;border: 1px #ccffff solid;
}
</style>
</head>
<body>
<script type="text/javascript">
for(var i=1; i<=40000; i+=2000)
document.write('<input type="button" value="'+i+'-'+(i+1999)+'" onclick="bb('+i+','+(i+1999)+')" />');
function bb(a,b)
{
var s = a+"-"+b+"<br />";
for(var i=a; i<=b; i++)
{
s += '<span title="'+i+'\n'+i.toString(16)+'">&#'+i+';</span>';
if(i%15==0)
s += '<br />';
}
document.getElementById("dd").innerHTML = s;
}
</script>
<div id="dd"></div>
</body>
</html>
大婶原来HTML编码里面还有这玩意儿哪里有编码参考不？
这是我自己用的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
body {
font-family:arial; font-size: 29pt;
}
span {
margin: 10px;border: 1px #ccffff solid;
}
</style>
</head>
<body>
<script type="text/javascript">
for(var i=1; i<=40000; i+=2000)
document.write('<input type="button" value="'+i+'-'+(i+1999)+'" onclick="bb('+i+','+(i+1999)+')" />');
function bb(a,b)
{
var s = a+"-"+b+"<br />";
for(var i=a; i<=b; i++)
{
s += '<span title="'+i+'\n'+i.toString(16)+'">&#'+i+';</span>';
if(i%15==0)
s += '<br />';
}
document.getElementById("dd").innerHTML = s;
}
</script>
<div id="dd"></div>
</body>
</html>
强大！ thank you !自己写的？牛人