首頁 >web前端 >js教程 >JavaScript经典效果集锦_javascript技巧

JavaScript经典效果集锦_javascript技巧

WBOY
WBOY原創
2016-05-16 18:23:422266瀏覽

一 实用且必用的小脚本代码
二 鼠标旁边的提示信息,类似与163登录后的页面提示效果
三 如果文字过长,则将过长的部分变成省略号显示
四 滚动的图片
五 接收键盘指令的脚本
六 让你的文本链接渐隐渐显
七 类似与QQ的好友/黑名单之类的树型菜单-----推荐
八 很多的脚本翻页------推荐
九 DIV的透明层实现
十 JSP页面自动生成html页面/或任何格式页面-----推荐

十一 超级强大的表单验证-----推荐
十二 漂亮的脚本日历
十三 进入,退出页面的各种效果!
十四 很酷的效果,表格被选中回变颜色
十五 弹出提示的效果
十六 图片之间的切换
十七 DIV_圆边圆角的实现
十八 跳动的菜单
十九 通过页面抓取照片
二十 客户端静态页面玩分页

二十一 类似与google个性页面的好东东------网友155120
二十二 漂亮的表格
二十三 经典的带阴影的可拖动的浮动层------网友marvellous--------推荐
二十四 运行代码的代码------网友:Lenvo
二十五 凹陷文字------------网友:Lenvo
二十六 漂亮的仿flash菜单---网友:Lenvo
二十七 自定义容器和字体大小---网友:greengnn
二十八 超级REAL视频播放器---网友:leaf52
二十九 网站论坛上面快捷键提交表单的方法---网友:greengnn
三 十 accesskey 提交---网友:greengnn
三十一 新闻广告图片切换效果+描述---网友:greengnn
三十二 菜单特效---网友:greengnn
三十三 采用CSS和JS的下拉菜单---网友:greengnn

 

一 实用且必用的小脚本代码:

脚本1:进入主页以后自动播放声音

脚本2:进入主页后自动最大话,省的去在自己单击了

<script> <BR>self.moveTo(0,0) <BR>self.resizeTo(screen.availWidth,screen.availHeight) <BR></script>

脚本3:显示现在时间的脚本

脚本4:显示最后修改时间的脚本

<script>document.write(document.lastModified)</script>

脚本5:设为首页,加为收藏,加入频道,启动outlook发信

 onclick="this.style.behavior="url(#default#homepage)";
this.setHomePage(http://10.13.31.90/~kayvin/);">">设为首页

onclick="window.external.AddFavorite(location.href,document.title);">加入收藏

加入频道

与我联系

 

脚本6:状态栏动态显示现在时间

<script> <BR>function see(){ <BR>window.setTimeout("see()",1000); <BR>today = new Date(); <BR>self.status = today.toString(); <BR>} <BR></script>

脚本7:关闭窗口的脚本

[关闭窗口]

脚本8:按下F12键,直接返回首页

<script>function look(){ <BR>if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/} <BR>} <BR>if(document.onkeydown==null) <BR>{document.onkeydown=look} <BR></script>

脚本9:后退,刷新,前进

 

脚本10:设定时间弹出窗口,4000=4秒,当然你可以自定义

<script>function l() <BR>{ <BR>window.open(" 10.13.31.90/~kayvin/ ","name","width=500,height=150,border=0") <BR>} <BR>setTimeout("l()",4000) </script>

 

二 鼠标旁边的提示信息,类似与163登录后的页面提示效果:

代码拷贝框

 

三 如果文字过长,则将过长的部分变成省略号显示:

运行代码框

四 滚动的图片

运行代码框

五 接收键盘指令的脚本:

代码拷贝框

六 让你的文本链接渐隐渐显:

运行代码框

七 类似与QQ的好友/黑名单之类的树型菜单_极品:

运行代码框

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn