今天搭了個“發短信”的頁面,找朋友測試,
沒想到一位大俠直接弄了本長篇小說發我手機上……
為了我的寶貝手機能繼續健康澎湃,給文本區域(textarea)做了一下字數限制:
我們知道,在input標簽中可以使用maxlength=”4″屬性來直接控制字符數,但是這一招在textarea中行不通。只好寫一些JS來做判斷:
- function textdown(e)
- {textevent = e ;
- if(textevent.keyCode == 8)
- {
- return;
- }
- if(document.getElementById('text').value.length >= 180)
- {
- alert("大俠,我手機屏幕小,先輸入這么多字好不?")
- if(!document.all)
- {
- textevent.preventDefault();
- }
- else
- {
- textevent.returnValue = false;
- }
- }
- }
- function textup()
- {
- var s = document.getElementById('text').value;
- //判斷ID為text的文本區域字數是否超過180個
- if(s.length > 180)
- {
- document.getElementById('text').value=s.substring(0,180);
- }
- }
附textarea在html中需要調用的參數:
id=”text” onKeyDown=”textdown(event)” onKeyUp=”textup()”
最近在制作 的英文網站,考慮到歐美玩家喜歡三列等高的布局,而我們的網站背景結構復雜,如果采用background的等高方法,代碼會比較繁瑣,而JS會影響頁面的加載效率,于是采用了“隱藏容器溢出”、“正內補丁”和“負外補丁”結合的方法來做。
菲彩国际說起來好像挺邪乎的,其實代碼就兩行:
- #content{overflow:hidden}
- #content #left,#content #center,#content #right{margin-bottom:-10000px;padding-bottom:10000px;}
阿宏在2005年翻譯了一篇2004年的技術文稿
菲彩国际先看一個案例, ,該網站就通過sIFR(scalable Inman Flash Replacement),使用JavaScript+Flash+CSS將標題部分的字體,平滑消除了文本鋸齒。而國內目前仍然有不少網站,在使用圖片處理該環節的字體美化。
實現方法:
- 選擇合適的SWF生成工具:
or
- 原理及調用方法:
通過生成的JS文件,sIFR.replaceElement(“h2”)替換掉自己網站中對應標簽內的文字。當訪問者不支持JS的時候(例如手機訪問),樣式表內的visibility: visible!important就不會生效。(題外話,雖然都是隱藏內容,但是display:none會把占用的空間抹掉,而visibility會保留他占用的空間。)
- 官方參考資料(文章底部有FLA源文件下載):
優缺點:
缺點:頁面必須完全載入后,JavaScript才能替換文本。因此,在文本被替換為Flash內容時,會有一個短暫的閃爍。如果替換的內容過多,訪問者網速較慢,頁面反映會比較遲鈍。所以最好只針對每頁的主要標題采用該技術。另外在ie6瀏覽器下,sIFR區域內不支持鼠標滾輪。
優點:如果使用圖片來做標題,修改費時費力;而且WebMarketingNow和Search Engine Academy根據長期測試研究認為,目前,三大主流搜索引擎Google, Yahoo!和MSN的搜索引擎排名算法規則中不再將圖片ALT屬性中的文本信息作為判斷網頁內容相關性的有效因素。(搜索引擎算法的資料信息為推測數據,不可全信,即使是真的,也隨時有可能會做新的調整。)
調用樣式表實現廣告右下角定位 的方法,雖然載入速度更快,但是需要修改的地方也比較多。
如果掛置廣告到合作方的平臺上,修改的工作會比較繁瑣。
大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”;