Archive for the ‘前端开发’ Category

JS限制textarea字数

今天搭了个“发短信”的页面,找朋友测试,
没想到一位大侠直接弄了本长篇小说发我手机上……
为了我的宝贝手机能继续健康澎湃,给文本区域(textarea)做了一下字数限制:
我们知道,在input标签中可以使用maxlength=”4″属性来直接控制字符数,但是这一招在textarea中行不通。只好写一些JS来做判断:

  1. function textdown(e)
  2. {textevent = e ;
  3. if(textevent.keyCode == 8)
  4. {
  5. return;
  6. }
  7. if(document.getElementById('text').value.length >= 180) 
  8. {
  9. alert("大侠,我手机屏幕小,先输入这么多字好不?") 
  10. if(!document.all)
  11. {
  12. textevent.preventDefault();
  13. }
  14. else
  15. {
  16. textevent.returnValue = false;
  17. }
  18. }
  19. }
  20. function textup()
  21. {
  22. var s = document.getElementById('text').value;
  23. //判断ID为text的文本区域字数是否超过180个
  24. if(s.length > 180) 
  25. {
  26. document.getElementById('text').value=s.substring(0,180);
  27. }
  28. }

附textarea在html中需要调用的参数:

id=”text” onKeyDown=”textdown(event)” onKeyUp=”textup()”

三列等高布局

最近在制作 DARKEDEN Legend 的英文网站,考虑到欧美玩家喜欢三列等高的布局,而我们的网站背景结构复杂,如果采用background的等高方法,代码会比较繁琐,而JS会影响页面的加载效率,于是采用了“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法来做。

说起来好像挺邪乎的,其实代码就两行:

  1. #content{overflow:hidden}
  2. #content #left,#content #center,#content #right{margin-bottom:-10000px;padding-bottom:10000px;}

sIFR网页字体替换技术

sifr阿宏在2005年翻译了一篇2004年的技术文稿 《如何以及何时使用sIFR》

先看一个案例, newlifeuniting.com ,该网站就通过sIFR(scalable Inman Flash Replacement),使用JavaScript+Flash+CSS将标题部分的字体,平滑消除了文本锯齿。而国内目前仍然有不少网站,在使用图片处理该环节的字体美化。

实现方法:

  1. 选择合适的SWF生成工具:
    http://ianpurton.com/sifr/ or http://www.sifrgenerator.com/wizard.html
  2. 原理及调用方法:
    通过生成的JS文件,sIFR.replaceElement(“h2”)替换掉自己网站中对应标签内的文字。当访问者不支持JS的时候(例如手机访问),样式表内的visibility: visible!important就不会生效。(题外话,虽然都是隐藏内容,但是display:none会把占用的空间抹掉,而visibility会保留他占用的空间。)
  3. 官方参考资料(文章底部有FLA源文件下载):
    http://www.mikeindustries.com/blog/sifr/

优缺点:

缺点:页面必须完全载入后,JavaScript才能替换文本。因此,在文本被替换为Flash内容时,会有一个短暂的闪烁。如果替换的内容过多,访问者网速较慢,页面反映会比较迟钝。所以最好只针对每页的主要标题采用该技术。另外在ie6浏览器下,sIFR区域内不支持鼠标滚轮。

优点:如果使用图片来做标题,修改费时费力;而且WebMarketingNow和Search Engine Academy根据长期测试研究认为,目前,三大主流搜索引擎Google, Yahoo!和MSN的搜索引擎排名算法规则中不再将图片ALT属性中的文本信息作为判断网页内容相关性的有效因素。(搜索引擎算法的资料信息为推测数据,不可全信,即使是真的,也随时有可能会做新的调整。)

JS实现右下角广告

调用样式表实现广告右下角定位 的方法,虽然载入速度更快,但是需要修改的地方也比较多。
如果挂置广告到合作方的平台上,修改的工作会比较繁琐。

大BOSS,今天找了一个用JS形式插入的广告位,感觉很好,在此做一下备忘。

演示地址:http://uicss.cn/test/ad.html
使用方法:在需要挂载广告的地方插入

<SCRIPT id=kav_200x130 src="shadu.js" type=text/javascript></SCRIPT>

广告更换地址的参数:Code_Interface = “http://bill.duozz.com/”;
广告更换图片的参数:ad_float_img = Code_Interface1+”/test/adimages/shadu.gif”;

Page 10 of 17« First...89101112...Last »
崔凯博客
Powered by SinaSAE | Theme by ck web design | TOP 顶部
Copyright © 崔凯 All rights reserved. 蜀ICP备12025891号.