左右移动的图片

2024-04-27 13:58:36

字体：大中小

来源：转载

供稿：网友

<html><head><style type="text/<a href="http://www.vevb.com/article.asp?typeid=38">CSS</a>">.<a href="http://pr.vevb.com/">PR</a>ogress{width: 1px;height: 14px;color: white;font-size: 12px; overflow: hidden;background-color: navy;padding-left: 5px;}</style><scr<a href="http://ip.vevb.com/">ip</a>t type="text/<a href="http://www.vevb.com/article.asp?typeid=160">java</a>Script">function textCounter(field,counter,maxlimit,linecounter) {// text width//var fieldWidth = parseInt(field.offsetWidth);var charcnt = field.value.length; // trim the extra textif (charcnt > maxlimit) { field.value = field.value.substring(0, maxlimit);}else { // progress bar percentagevar percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;document.getElementById(counter).style.width = parseInt((fieldWidth*percentage)/100)+"px";document.getElementById(counter).innerHTML="Limit: "+percentage+"%"// color correction on style from CCFFF -> CC0000setcolor(document.getElementById(counter),percentage,"background-color");}}function setcolor(obj,percentage,prop){obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";}</script></head><body><form><textarea rows="5" cols="40" name="maxcharfield" id="maxcharfield" onKeyDown="textCounter(this,'progressbar1',20)" onKeyUp="textCounter(this,'progressbar1',20)" onFocus="textCounter(this,'progressbar1',20)" ></textarea><br /><div id="progressbar1" class="progress"></div><script>textCounter(document.getElementById("maxcharfield"),"progressbar1",20)</script></form></body></html><br><br><br><p><font color=red>//网站:http://www.vevb.com</font></p>

上一篇：用鼠标来选择自己感兴趣的背景图片

下一篇：在输入框中可以确定哪些字符采用屏蔽

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注