菲彩国际

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()”

三列等高布局

最近在制作 的英文網站,考慮到歐美玩家喜歡三列等高的布局,而我們的網站背景結構復雜,如果采用background的等高方法,代碼會比較繁瑣,而JS會影響頁面的加載效率,于是采用了“隱藏容器溢出”、“正內補丁”和“負外補丁”結合的方法來做。

菲彩国际說起來好像挺邪乎的,其實代碼就兩行:

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

sIFR網頁字體替換技術

sifr阿宏在2005年翻譯了一篇2004年的技術文稿

菲彩国际先看一個案例, ,該網站就通過sIFR(scalable Inman Flash Replacement),使用JavaScript+Flash+CSS將標題部分的字體,平滑消除了文本鋸齒。而國內目前仍然有不少網站,在使用圖片處理該環節的字體美化。

實現方法:

  1. 選擇合適的SWF生成工具:
    or
  2. 原理及調用方法:
    通過生成的JS文件,sIFR.replaceElement(“h2”)替換掉自己網站中對應標簽內的文字。當訪問者不支持JS的時候(例如手機訪問),樣式表內的visibility: visible!important就不會生效。(題外話,雖然都是隱藏內容,但是display:none會把占用的空間抹掉,而visibility會保留他占用的空間。)
  3. 官方參考資料(文章底部有FLA源文件下載):

優缺點:

缺點:頁面必須完全載入后,JavaScript才能替換文本。因此,在文本被替換為Flash內容時,會有一個短暫的閃爍。如果替換的內容過多,訪問者網速較慢,頁面反映會比較遲鈍。所以最好只針對每頁的主要標題采用該技術。另外在ie6瀏覽器下,sIFR區域內不支持鼠標滾輪。

優點:如果使用圖片來做標題,修改費時費力;而且WebMarketingNow和Search Engine Academy根據長期測試研究認為,目前,三大主流搜索引擎Google, Yahoo!和MSN的搜索引擎排名算法規則中不再將圖片ALT屬性中的文本信息作為判斷網頁內容相關性的有效因素。(搜索引擎算法的資料信息為推測數據,不可全信,即使是真的,也隨時有可能會做新的調整。)

JS實現右下角廣告

調用樣式表實現廣告右下角定位 的方法,雖然載入速度更快,但是需要修改的地方也比較多。
如果掛置廣告到合作方的平臺上,修改的工作會比較繁瑣。

大BOSS,今天找了一個用JS形式插入的廣告位,感覺很好,在此做一下備忘。

演示地址:http://cnzhongka.com/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 | Theme by ck web design | TOP 頂部
Copyright ? 崔凱 All rights reserved. 蜀ICP備12025891號.
菲彩国际_菲彩国际官网_Welcome 紫金阁棋牌-紫金阁棋牌官网 紫金阁棋牌-紫金阁棋牌官网 紫金阁棋牌-紫金阁棋牌官网 紫金阁棋牌-紫金阁棋牌官网