JQuery
文章平均质量分 78
chaonanwo
这个作者很懒,什么都没留下…
展开
-
仿sina新浪微博新鲜事滚动特效的JS代码
用JQuery 仿sina新浪微博新鲜事滚动特效的JS代码无标题文档$(document).ready(function(e) { var in_out_time = 800 //渐显时间 var scroll_Interval_time = 2000 //滚动间隔时间 var scroll_time = 1000 //滚动动画时间 addli() fun原创 2012-07-06 12:50:17 · 2992 阅读 · 1 评论 -
摩天轮图片轮播特效 图片从左到右循环轮播的Jquery JS特效
这个摩天轮图片轮播特效是图片从左到右不断循环轮播展示,轮播的时候图片会产生从右向左滑过的效果,请看下面具体演示效果。在线演示MJBlog(mj.588cy.com)* {margin:0;padding:0;font-size:12px;list-style:none;border:0;}body{ margin:0px; padding:0px; background-colo原创 2012-10-09 15:59:11 · 1446 阅读 · 0 评论 -
淘宝首页商品广告图片左右轮播 JQuery JS特效
淘宝首页商品广告图片左右轮播 JQuery JS特效,点击左边向左按钮,广告图片向左滚动。 点击右边边向右按钮,广告图片向右滚动。具体效果请查看:在线演示 MJBlog(mj.588cy.com)* {margin:0;padding:0;font-size:12px;list-style:none;border:0;}body{ margin:0px; padding:0px;原创 2012-09-29 01:20:39 · 1602 阅读 · 0 评论 -
JQuery 增加、删除表格div层文本内容的JS代码 和仿select个性下拉框选择效果JS代码
早上重构一个机票预定页面,页面有个增加和删除乘机人的功能,所以就用JQuery 的 .remove() 属性和.append() 属性写了一个有增加、删除div层文本内容效果的JS代码,具体可运行下面的代码进行演示查看,这个代码总共有两个JS效果:1、 增加、删除div层文本内容2、下拉框选择效果在线演示:http://mj.588cy.com/jquery/24.html原创 2012-09-08 01:21:45 · 3891 阅读 · 4 评论 -
淘宝商城首页鼠标经过整个区域图片变暗变亮的JS特效代码
淘宝商城首页商品分类模块当鼠标经过整个区域图片变暗,唯一鼠标悬停的那个商品图片变亮的JS特效代码!在线演示:http://mj.588cy.com/jquery/22.html无标题文档* {margin:0;padding:0;font-size:12px;list-style:none;border:0;}body{ margin:0px; padding:0px; ba原创 2012-09-08 01:27:06 · 2626 阅读 · 0 评论 -
用JQ 写的 广告图片轮播 幻灯片JS特效代码分享
这款图片轮播特效是用JQuery写的,当网页代码全部加载后自动播放,当鼠标滑过红色按钮停止播放,并显示与之想对应的轮播图片,鼠标移开后继续播放。 图片循环播放主要是使用setTimeout() 方法标签来实现,停止播放使用clearTimeout() 方法标签来实现,轮播图片使用.hide()和.fadeIn()来实现淡出淡入效果mj.588cy.combody{ margin:0原创 2012-08-15 22:37:56 · 2267 阅读 · 0 评论 -
jquery教程:仿miqike.com首页"热门标签"层绝对定位 点击隐藏/点击显示JS效果
jquery教程:仿miqike.com首页"热门标签"层绝对定位 点击隐藏/点击显示JS效果无标题文档ul,li{ margin:0px; padding:0px; list-style:none;}.tagbox{ width:100px; height:auto; border:1px solid #CCCCCC; POSITION:fixed;_position:abso原创 2012-07-31 16:37:37 · 2489 阅读 · 0 评论 -
jQuery 导航菜单点击伸缩展开效果的JS特效
点击菜单的一级栏目会展开显示二级菜单栏目,在点击一次或者点击其他一级栏目,二级栏目就会收缩隐藏起来,或者收缩起来后显示被点击的其他一级栏目下的二级菜单栏目。无标题文档body { font-family: Arial; font-size: 16px; }dl { width: 300px; }dl,dd { margin: 0; }dt { background-c原创 2012-07-19 18:07:33 · 2197 阅读 · 0 评论 -
分享福州网(fuzhou99.com)论坛的绝对定位浮动导航条+返回顶部 JS效果
分享福州网论坛fuzhou99.com帖子页面的绝对定位浮动导航条+返回顶部的JS效果,点击导航条栏目会出现伸缩展开隐藏层特效,当滚动滚动条时”返回顶部“隐藏按钮就会出现,还有一些其他的特效功能,这边不多说了,如果需要可以自己复制代码试一下,或者访问www.fuzhou99.com的帖子或列表页面查看演示。无标题文档body{ background-color:#bbac85;原创 2012-08-02 10:50:47 · 5672 阅读 · 0 评论 -
jquery 与 DZ 默认JS 冲突解决办法
昨天给论坛写了一个jquery 的JS特效, 放上去后发现 jquery.js 与 DZ 默认JS 有冲突,导致我写的jquery代码加入论坛模版后,DZ的下拉菜单显示不了,论坛表情按钮也无法使用,而且发布帖子页面的那些编辑框按钮也无法使用,后来上网搜了一下,原来这是因为DZ中的变量用的 是 $ 开头,而JQ也是用$ 这个所以会有冲突。为了保持原有的DZ程序不被更改,所以我们就要在JQ上修改了。原创 2012-08-02 11:58:45 · 1589 阅读 · 1 评论 -
商城商品展示JS特效
商城商品展示JS特效,当鼠标滑过某件商品模特展示图片时会显示出模特身上所搭配服装单品,具体效果请查看下面在线演示效果。在线演示MJBlog(mj.588cy.com)* {margin:0;padding:0;font-size:12px;list-style:none;border:0;}body{ margin:0px; padding:0px; back原创 2012-09-24 18:56:49 · 1726 阅读 · 0 评论