随笔分类 -  JS-JQ自定义插件

js实现图片向上播放（轮番滚动）
摘要：js实现图片向上播放（轮番滚动） 实现方式，多种多样，这里我们来看javascript实现方式，重点是研究里面的源代码； 看看别人是如何写出“优雅的代码” 阅读全文
posted @ 2016-04-28 14:08 咕-咚 阅读(1248) 评论(0) 推荐(0)
javascript运动应用二
摘要：javascript运动应用二 阅读全文
posted @ 2016-02-18 09:31 咕-咚 阅读(99) 评论(0) 推荐(0)
JavaScript运动应用一
摘要：JavaScript运动应用一 阅读全文
posted @ 2016-02-18 09:30 咕-咚 阅读(104) 评论(0) 推荐(0)
JavaScript实现tab选项卡（多种方式）
摘要：JavaScript实现tab选项卡 第一种:通过交替的改变display：none 和display：block html: <div id="content"> <div id="tag"> <input class="active" type="button" value="a" /> <in 阅读全文
posted @ 2016-01-30 17:31 咕-咚 阅读(936) 评论(0) 推荐(0)
JavaScript实现右侧悬浮框
摘要：JavaScript实现右侧悬浮框 HTML代码： <body> <div id="div1"> </div> </body> css代码： #div1{ height:150px; width:100px; background:red; position:absolute; right:0px; 阅读全文
posted @ 2016-01-30 15:14 咕-咚 阅读(1406) 评论(0) 推荐(0)
javascript实现（分享到xxx）的小实例
摘要：javascript实现（分享到的小实例） 这个算值运动的一个实例应用吧 HTML代码: <div id="tag"> <span id="showInfo">分享到</span> </div> css代码: #tag{ height:200px; width:200px; background:g 阅读全文
posted @ 2016-01-29 20:49 咕-咚 阅读(861) 评论(0) 推荐(0)
javascript方式实现无缝滚动（两种方式）
摘要：javascript方式实现无缝滚动（之一） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html 阅读全文
posted @ 2016-01-28 19:01 咕-咚 阅读(713) 评论(0) 推荐(0)
JQ-实现图片纵向滚动的效果
摘要：先看效果 原理 就是黑色div中装一个红色的div；然后 overflow：hide，两个div的定位方式都是absolute，然后利用jq改变红色div的top值就ok！HTML代码 ... 阅读全文
posted @ 2015-09-18 12:07 咕-咚 阅读(1713) 评论(0) 推荐(0)
JQ-CSS-实现导航菜单效果
摘要：先看效果（配色方便，还请多多包涵....^_^） 一种实现方式：（纯css伪类） HTML代码： 1 2 3 INDEX 4 WEB 5 6 JS 7 CSS 8 HTML 9 10 11 ... 阅读全文
posted @ 2015-09-18 12:06 咕-咚 阅读(459) 评论(0) 推荐(0)
JQ实现新闻滚动条效果(跑马灯)
摘要：先看效果： HTML代码 最新公告 星期一不上班 星期二不上班 星期三不上班 星期四不上班 星期五不... 阅读全文
posted @ 2015-09-18 09:34 咕-咚 阅读(664) 评论(0) 推荐(0)
JS-实现瀑布流
摘要：订定。 阅读全文
posted @ 2015-09-17 12:05 咕-咚 阅读(119) 评论(0) 推荐(0)
CSS和JQ两种方式实现图片层上显示文字
摘要：先看效果 HTML 代码： 电 影 钢 的 琴 第一种（纯css代码实现），缺陷：不可以控制显示速度，--speed .outer { height: 280px; width: 500px; margin: 0px auto; position: relati... 阅读全文
posted @ 2015-09-17 11:20 咕-咚 阅读(414) 评论(0) 推荐(0)
JS（JQ）-实现图片横向滑动效果
摘要：先看效果: 这是一个常用的js实现图片滑动的效果 这里面的代码很值得去研究：（勘称完美~） 2.下面的是以jq的方式来实现滴呀 （都值得去研究哈） 阅读全文
posted @ 2015-09-14 09:53 咕-咚 阅读(2712) 评论(0) 推荐(0)
DIV层居中
摘要：待定.... 阅读全文
posted @ 2015-09-11 17:33 咕-咚 阅读(144) 评论(0) 推荐(0)
JQ实现accordion(可折叠)效果
摘要：先看效果--这个就是手风琴的效果； 原理：首先默认section1下面的dd可见，其他的全部隐藏；当点击某个obj时候，快速隐藏全部的dd，然后只有obj.NEXT().show（）, 实现： HTML Section 1 Mauris mauris ante, blandit ... 阅读全文
posted @ 2015-09-11 16:59 咕-咚 阅读(596) 评论(0) 推荐(0)
JQ中自定义插件的方法
摘要：待定 阅读全文
posted @ 2015-09-11 16:56 咕-咚 阅读(153) 评论(0) 推荐(0)
JS-JQ实现TAB选项卡
摘要：原理: 有两种实现方法， 方法一利用css的display：none 和display：block；交替实现； 方法二利用css的z-index； 阅读全文
posted @ 2015-09-11 16:54 咕-咚 阅读(215) 评论(0) 推荐(0)
JS-JQ实现页面滚动时元素智能定位(顶部-其他部位)
摘要：先看效果： 阅读前提：充分理解div的三种定位方式：浮动，相对定位，绝对定位方法一（顶部） 原理：直接使用css 进行控制；缺点：不兼容ie6-； 实现：position:fixed; top:0方法二（顶部） 原理:获取页面被卷曲的高度(LEN)，复制给 obj.STYLE.TOP=LE... 阅读全文
posted @ 2015-09-11 16:48 咕-咚 阅读(704) 评论(0) 推荐(0)