随笔分类 -  Javascript

jQuery实现右下角滑动弹出可关闭重现层完整代码
摘要:经常看到网页右下角有滑动弹出的广告,这种效果可以使用jQuery弹出层实现。本实例使用jQuery实现右下角滑动弹出可关闭重现层。.完整代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 阅读全文
posted @ 2012-10-10 18:17 计划 阅读(4139) 评论(5) 推荐(2) 编辑
jQuery弹出窗口完整代码
摘要:效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/1.htm web前端汇总 :http://www.cnblogs.com/jihua/p/webfront.html 阅读全文
posted @ 2012-10-08 14:15 计划 阅读(90989) 评论(2) 推荐(6) 编辑
jquery树形菜单完整代码
摘要:本实例实现了树形的动态菜单,兼容IE8,火狐,Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下:http://keleyi.com/keleyi/phtml/jqmenu/6.htm 1 2 3 4 5 jquery的树形菜单代码 - 计划 - 博客... 阅读全文
posted @ 2012-10-07 11:29 计划 阅读(42701) 评论(1) 推荐(0) 编辑
jQuery固定DIV实现“返回顶部”
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jQuery实现“返回顶部”(固定DIV) - 计划 - 博客园</title> <meta name="k 阅读全文
posted @ 2012-10-05 01:06 计划 阅读(2151) 评论(0) 推荐(1) 编辑
jquery聚焦文本框
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jquery聚焦文本框 - 计划 - 博客园</title> <script src="http://aja 阅读全文
posted @ 2012-10-02 23:18 计划 阅读(9383) 评论(0) 推荐(0) 编辑
JS正则表达式验证账号、手机号、电话和邮箱
摘要:效果体验:http://keleyi.com/keleyi/phtml/jstexiao/15.htm验证帐号是否合法验证规则:字母、数字、下划线组成,字母开头,4-16位。function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; i... 阅读全文
posted @ 2012-09-28 11:48 计划 阅读(239234) 评论(11) 推荐(13) 编辑
JS window.onload 提示尚未实现
摘要:如果window.onload 提示“尚未实现”,那么可能是JS脚本格式错误。例如:<script language="javascript" type="text/javascript"> window.onload=alert('jihua.cnblogs.com');</script>上面这样是不对的。应该像下面这样才对:<script language="javascript" type="text/javascript"> window.onload = 阅读全文
posted @ 2012-09-28 00:54 计划 阅读(655) 评论(0) 推荐(0) 编辑
JS当前页面登录注册框,固定DIV,底层阴影
摘要:这是一个实例,保存代码为html文件运行试试吧。兼容火狐、ie6、ie7、ie8、Chrome等。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content 阅读全文
posted @ 2012-09-27 18:33 计划 阅读(3087) 评论(0) 推荐(0) 编辑
DIV、CSS和JavaScript实现可隐藏并重现悬浮版块
摘要:如果经常上网,会发现有一些广告悬浮版块,点击隐藏,就只剩下一小块地方留在边缘,当鼠标本移到那小块地方时,广告就又非常积极的重新出现在你的视线。本实例使用DIV、CSS和JavaScript,实现了这个效果,在多种浏览器下测试通过。首先看一下效果图,该图是DIV版块悬浮在浏览器左边的效果:下图是DIV版块隐藏后只留下一个重现箭头的效果。废话少说,直接放代码:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>DIV、CSS和JavaScript实现可隐藏并重现悬浮版块 - 计划 阅读全文
posted @ 2012-09-27 12:13 计划 阅读(3009) 评论(0) 推荐(0) 编辑