Archive for the ‘Javascript’ Category
JS限制textarea字数
今天搭了个“发短信”的页面，找朋友测试，
没想到一位大侠直接弄了本长篇小说发我手机上……
为了我的宝贝手机能继续健康澎湃，给文本区域(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()”
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”;
使用JQ来实现浏览器滚动条
通过修改CSS来更换scrollbar，只能更换颜色，而不能更改滚动条的大小。
况且还有浏览器兼容的问题：
我们可以选择jquery来做该效果，这样即修改了滚动条的大小，又可以做到兼容：
JS代码如下(附：jquery.linscroll.js)：
- <script type="text/javascript" src="jquery-1.1.3.1.js"></script>
- <script type="text/javascript" src="jquery.linscroll.js"></script>
- <script type="text/javascript">
- $(document).ready(
- function(){
- $(’#scrollContent’).setScroll( //scrollContent为滚动层的ID
- {img:scroll_bk.gif’,width:10},//背景图及其宽度
- {img:scroll_arrow_up.gif’,height:3},//up image
- {img:scroll_arrow_down.gif’,height:3},//down image
- {img:scroll_bar.gif’,height:25}//bar image
- );});
- </script>
html代码如下：
- <div id="scrollContent" style="width:140px;overflow:hidden;height:170px;">
- 内容
- </div>
用javascript下一盘五子棋
上学的时候，经常在本子上随便画个格子，然后OOXX下五子棋。
近日拜读了《悟透JavaScript》，实践一下使用javascript来下一盘五子棋。
最终效果演示：javascript五子棋 （需要修改源代码，每人给一个坐标来玩）
核心JS代码：
- <script type="text/javascript">
- function heiqi(x,y){ //黑棋坐标
- return (
- (x==5&&y==5)
- ||(x==6&&y==7)
- );
- }
- function baiqi(x,y){ //白棋坐标
- return (
- (x==7&&y==7)
- ||(x==6&&y==8)
- );
- }
- var arr=["┏","┯","┓","┠","┼","┨","┗","┷","┛","╋",""];
- for(y=0;y<19;y++){
- for(x=0;x<19;x++){
- arr[10]+="<span onclick=\"alert('这里的坐标是：x="+x+",y="+y+"。')\">"+(heiqi(x,y) ?"●":(baiqi(x,y)?"<font color=white>●</font>":arr[(x%18?0:(x-9)/9)+1+((y%18?0:(y-9)/9)+1)*3 +((x-3)%6?0:1)*((y-3)%6?0:5)]))+"</span>";
- }
- arr[10]+="<br />";
- }
- document.write(arr[10]);
- </script>
