怎么在网页上实现双下划线、波浪线、着重号等? ie6:<span style="border-bottom:1pt double #000000">下劃線</span> 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <span style="border-bottom:2pt double #000000">双下劃線 </span><br><br><span style="border-bottom:2pt dotted #000000">点下劃線 </span><br><br> 波浪线、着重号结合CSS应该能实现。 http://www.blueidea.com/bbs/archivecontent.asp?id=363003 帮秋水优化了一下:<BODY><span id=show style=font-size:16pt>中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>中文Abc<span char=".">中文Abc1中文Abc1</span>中文Abc<br>中文Abc<span char="~">中文Abc2中文Abc2</span>中文Abc<br>中文Abc<span char="=">中文Abc3中文Abc3</span>中文Abc<br>中文Abc<span char="^">中文Abc4中文Abc4</span>中文Abc<br>中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br></span>ps:只是2002.1.26清早的一个灵感罢了.<script>var fontSize=parseInt(show.style.fontSize)fontSize*=1.25;var tags=show.all.tags("span");for(i=0;i<tags.length;i++){ if(!tags[i].char)continue; pLeft=0;pTop=fontSize; tmp=tags[i].innerText; var str = (new Array(tmp.replace(/[^\x00-\xff]/g,"^^").length+1)).join(tags[i].char); if(tags[i].char=="="){pTop=fontSize/1.5;} if(tags[i].char=="."){pTop=fontSize/4;} show.document.body.insertAdjacentHTML('beforeEnd', "<span style=font-size:"+show.style.fontSize+";position:absolute;top="+(tags[i].offsetTop+pTop)+";left="+(tags[i].offsetLeft+pLeft)+";>"+str+"</span>");}</script></BODY>注意span是inline标签,多行的情况要每行分别处理。 再改:<BODY><span id=show style=font-size:16pt>中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>中文Abc<span qswh=".">中文Abc1中文Abc1</span>中文Abc<br>中文Abc<span qswh="~">中文Abc2中文Abc2</span>中文Abc<br>中文Abc<span qswh="=">中文Abc3中文Abc3</span>中文Abc<br>中文Abc<span qswh="^">中文Abc4中文Abc4</span>中文Abc<br>中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br></span>ps:只是2002.1.26清早的一个灵感罢了.<script>var fontSize=parseInt(show.style.fontSize)*1.25;var tags=show.all.tags("span");for(var i=0;i<tags.length;i++){ if(!tags[i].qswh)continue; var pLeft=0;pTop=fontSize; var tmp=tags[i].innerText; var str = tmp.replace(/[^\x00-\xff]/g,"^^").replace(/./g,tags[i].qswh) if(tags[i].qswh=="="){pTop=fontSize/1.5;} if(tags[i].qswh=="."){pTop=fontSize/4;} show.document.body.insertAdjacentHTML('beforeEnd', "<span style=font-size:"+show.style.fontSize+";position:absolute;top="+(tags[i].offsetTop+pTop)+";left="+(tags[i].offsetLeft+pLeft)+";z-index:-1>"+str+"</span>");}</script></BODY>以前秋水喜欢定义全局变量,我可不喜欢。此外char是系统保留字,换成qswh了。 跨浏览器版,我喜欢:<BODY><span id=show style=font-size:15pt>中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>中文Abc<span class=".">中文Abc1中文Abc1</span>中文Abc<br>中文Abc<span class="~">中文Abc2中文Abc2</span>中文Abc<br>中文Abc<span class="=">中文Abc3中文Abc3</span>中文Abc<br>中文Abc<span class="^">中文Abc4中文Abc4</span>中文Abc<br>中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br></span>ps:只是2002.1.26清早的一个灵感罢了.<script>window.onload=function(){ var show = document.getElementById("show"); var fontSize=parseInt(show.style.fontSize)*1.25; var tags=show.childNodes; var pTop; for(var i=0;i<tags.length;i++){ if(!tags[i].className)continue; var pLeft=0;pTop=fontSize; var tmp=tags[i].innerHTML.replace(/<.*?>/g,""); var str = new Array(200).join(tags[i].className); if (!navigator.vendor){ if(tags[i].className=="=")pTop=fontSize/1.5; if(tags[i].className==".")pTop=fontSize/4; }else if (navigator.vendor==""){ }else{ if(tags[i].className==".") pTop=fontSize/1.5; if(tags[i].className=="^") pTop=fontSize*1.2; } var elm = (document.createElement("span")); elm.innerHTML = str; document.body.insertBefore(elm,show); with(elm.style){ fontSize=show.style.fontSize; position="absolute"; top = tags[i].offsetTop+pTop; left =(tags[i].offsetLeft+pLeft); width = tags[i].offsetWidth; overflow = "hidden"; } }}</script></BODY>IE5,NS6,MOZ1.3下通过。注意使用了navigator.vendor来区分不三个浏览器。为了避免使用expendo属性占用了class属性。 问一个问题? 日期控件问题,100分请朋友帮忙解决一下 50分求一简单正则! 谢谢!解决马上结贴 怎样才能让聊天室无刷新的显示新数据呢?(在线等) 求JS代码。上传文件,并且列成表格 请教 高手请看:javascript打开新窗口函数的有趣问题 plese help me 区别? Threejs引入OrbitControls初始化语句报错 100分求救,正则表达示的改写!(在线等待) 高手请来!!!
<span id=show style=font-size:16pt>
中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>
中文Abc<span char=".">中文Abc1中文Abc1</span>中文Abc<br>
中文Abc<span char="~">中文Abc2中文Abc2</span>中文Abc<br>
中文Abc<span char="=">中文Abc3中文Abc3</span>中文Abc<br>
中文Abc<span char="^">中文Abc4中文Abc4</span>中文Abc<br>
中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br>
</span>
ps:只是2002.1.26清早的一个灵感罢了.
<script>
var fontSize=parseInt(show.style.fontSize)
fontSize*=1.25;
var tags=show.all.tags("span");
for(i=0;i<tags.length;i++){
if(!tags[i].char)continue;
pLeft=0;pTop=fontSize;
tmp=tags[i].innerText;
var str = (new Array(tmp.replace(/[^\x00-\xff]/g,"^^").length+1)).join(tags[i].char);
if(tags[i].char=="="){pTop=fontSize/1.5;}
if(tags[i].char=="."){pTop=fontSize/4;}
show.document.body.insertAdjacentHTML('beforeEnd', "<span style=font-size:"+show.style.fontSize+";position:absolute;top="+(tags[i].offsetTop+pTop)+";left="+(tags[i].offsetLeft+pLeft)+";>"+str+"</span>");
}
</script>
</BODY>注意span是inline标签,多行的情况要每行分别处理。
<span id=show style=font-size:16pt>
中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>
中文Abc<span qswh=".">中文Abc1中文Abc1</span>中文Abc<br>
中文Abc<span qswh="~">中文Abc2中文Abc2</span>中文Abc<br>
中文Abc<span qswh="=">中文Abc3中文Abc3</span>中文Abc<br>
中文Abc<span qswh="^">中文Abc4中文Abc4</span>中文Abc<br>
中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br>
</span>
ps:只是2002.1.26清早的一个灵感罢了.
<script>
var fontSize=parseInt(show.style.fontSize)*1.25;
var tags=show.all.tags("span");
for(var i=0;i<tags.length;i++){
if(!tags[i].qswh)continue;
var pLeft=0;pTop=fontSize;
var tmp=tags[i].innerText;
var str = tmp.replace(/[^\x00-\xff]/g,"^^").replace(/./g,tags[i].qswh)
if(tags[i].qswh=="="){pTop=fontSize/1.5;}
if(tags[i].qswh=="."){pTop=fontSize/4;}
show.document.body.insertAdjacentHTML('beforeEnd', "<span style=font-size:"+show.style.fontSize+";position:absolute;top="+(tags[i].offsetTop+pTop)+";left="+(tags[i].offsetLeft+pLeft)+";z-index:-1>"+str+"</span>");
}
</script>
</BODY>以前秋水喜欢定义全局变量,我可不喜欢。此外char是系统保留字,换成qswh了。
<BODY>
<span id=show style=font-size:15pt>
中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>
中文Abc<span class=".">中文Abc1中文Abc1</span>中文Abc<br>
中文Abc<span class="~">中文Abc2中文Abc2</span>中文Abc<br>
中文Abc<span class="=">中文Abc3中文Abc3</span>中文Abc<br>
中文Abc<span class="^">中文Abc4中文Abc4</span>中文Abc<br>
中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br>
</span>
ps:只是2002.1.26清早的一个灵感罢了.
<script>
window.onload=function(){
var show = document.getElementById("show"); var fontSize=parseInt(show.style.fontSize)*1.25;
var tags=show.childNodes;
var pTop;
for(var i=0;i<tags.length;i++){
if(!tags[i].className)continue;
var pLeft=0;pTop=fontSize;
var tmp=tags[i].innerHTML.replace(/<.*?>/g,"");
var str = new Array(200).join(tags[i].className);
if (!navigator.vendor){
if(tags[i].className=="=")pTop=fontSize/1.5;
if(tags[i].className==".")pTop=fontSize/4;
}else if (navigator.vendor==""){
}else{
if(tags[i].className==".") pTop=fontSize/1.5;
if(tags[i].className=="^") pTop=fontSize*1.2;
}
var elm = (document.createElement("span"));
elm.innerHTML = str;
document.body.insertBefore(elm,show);
with(elm.style){
fontSize=show.style.fontSize;
position="absolute";
top = tags[i].offsetTop+pTop;
left =(tags[i].offsetLeft+pLeft);
width = tags[i].offsetWidth;
overflow = "hidden";
}
}
}
</script>
</BODY>IE5,NS6,MOZ1.3下通过。注意使用了navigator.vendor来区分不三个浏览器。为了避免使用expendo属性占用了class属性。