JS创建优美的页面滑动块效果 - Glider.js_javascript技巧

曾经看到http://www.panic.com/coda/ 上的滑动块,非常喜欢。可惜自己多JS了解不深,没法模拟出来。

早上发现Google code上的一个JsFrame - Glider.js。很容易的实现http://www.panic.com/coda/ 上的滑动块效果。
Google code上的项目地址:http://code.google.com/p/missingmethod-projects/

打包下载

时间: 2024-07-29 00:26:56

JS创建优美的页面滑动块效果 - Glider.js_javascript技巧的相关文章

js实现简洁的TAB滑动门效果代码_javascript技巧

本文实例讲述了js实现简洁的TAB滑动门效果代码.分享给大家供大家参考.具体如下: 这是一款滑动门代码,简洁TAB,简单的鼠标导航效果,大家或许经常见到的效果啦,鼠标放在主菜单上,下边框架内的内容会跟着变换,鼠标不需要点击,只需要滑上去就可切换内容,像一扇门,所以有时候别人叫"滑动门"菜单. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-tab-simple-cha-style-codes/ 具体代码如下: <html&

JS实现的左侧竖向滑动菜单效果代码_javascript技巧

本文实例讲述了JS实现的左侧竖向滑动菜单效果代码.分享给大家供大家参考,具体如下: 这是一款经过改造的左侧竖向滑动菜单,基于JavaScript+CSS,没有过多的修饰,主要想实现菜单的动画效果,想用的朋友,自己美化吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-left-scroll-style-menu-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

JS+CSS实现简易的滑动门效果代码_javascript技巧

本文实例讲述了JS+CSS实现简易的滑动门效果代码.分享给大家供大家参考.具体如下: 看了很多的滑动门和滑动菜单的资料,总算写出来了一个像样的滑动门,虽然外观不怎么样,但可以兼容火狐,还请老前辈们不要笑话,以后有好多西再请大家批评. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-simple-hdtx-demo-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

js实现左侧网页tab滑动门效果代码_javascript技巧

本文实例讲述了js实现左侧网页tab滑动门效果代码.分享给大家供大家参考.具体如下: 这是一款开口靠左的网页滑动门,网页滑动门,TAB滑动门,竖排滑动门菜单,竖排TAB选项卡,兼容IE6/IE7/FF/opera浏览器.其实竖排和横排的代码基本一样,只不过稍加修改就可以了.只要学会了一种滑动门,就能举一返三了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-left-tab-cha-style-codes/ 具体代码如下: <!DOCTY

js网页侧边随页面滚动广告效果实现_javascript技巧

a.scrollTop的计算: b.滚动元素的定位值计算: c.滚动周期设定: 代码如下: css部分: 复制代码 代码如下: /*测试用的高度*/ body{ height:3000px;} div,ul,li,body{margin:0; padding:0;} /*position:absolute;用于元素的定位*/ #roll{width:50px; height:100px; background:#99CC00; position:absolute;} Html代码: 复制代码 代

div标签-用HTML和css和js怎样实现随着页面滑动?

问题描述 用HTML和css和js怎样实现随着页面滑动? div标签跟着滑动但始终在视线里!刚开始div在页面中间 随着页面的往下滑动,div也随之向上滑动,直到div滑动到顶端,页面继续下滑,div在页面顶端保持不变!整个过程 div标签内容始终可见! 解决方案 这个太简单了!完全用CSS控制就可以了,页面在滚动,给这个DIV设置position:fixed;那么页面不管怎么滚动,这个DIV是中在顶端 解决方案二: 显示合作div absolute定位,判断滚动到div位置的时候设置posit

mfc cscrollview-MFC中CScrollView隐藏滚动条好,是否能模拟拖动界面?就像手机里面拖动页面滑动那种效果

问题描述 MFC中CScrollView隐藏滚动条好,是否能模拟拖动界面?就像手机里面拖动页面滑动那种效果 100C 如题(垂直滚动条),隐藏滚动条后,目前是模拟鼠标拖拽:响应OnVscroll()设置滚动条偏移位置,还是无法滚动视图.求解. 解决方案 试试不隐藏滚动条能不能成功,还有你的流程没太看懂.

JS仿淘宝实现的简单滑动门效果代码_javascript技巧

本文实例讲述了JS仿淘宝实现的简单滑动门效果代码.分享给大家供大家参考.具体如下: 这是一个简单的仿淘宝滑动门效果代码,个人感觉真的挺不错,以前有过一款和这个差不多.在滑动门里你可以再次布局你的网页,可以做成一个功能超强大的导航,原示例是一个拼音索引程序,改成菜单也是可以的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-taobao-simple-hdm-style-demo/ 具体代码如下: <!DOCTYPE html PUBL

js实现鼠标点击左上角滑动菜单效果代码_javascript技巧

本文实例讲述了js实现鼠标点击左上角滑动菜单效果代码.分享给大家供大家参考.具体如下: 这里需要鼠标点击激活的网页左上角菜单,不点击不会滑出来,可以改造成二级菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-click-hd-show-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo