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

2016-02-19 09:08 3 1 收藏

下面图老师小编跟大家分享JS创建优美的页面滑动块效果 - Glider.js，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发】

曾经看到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/
uploads/200709/26_102259_1.jpg

打包下载

来源:https://www.tulaoshi.com/n/20160219/1589666.html

上一篇：从阿里妈妈发现的几个不错的表单验证函数
下一篇： Word文档误删恢复方法

看过《JS创建优美的页面滑动块效果 - Glider.js》的人还看了以下文章更多>>

JSP 页面中使用FCKeditor控件(js用法)

标签： Web开发

它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。 FCKeditor控件请到官方网站下载http://www.fckeditor.net，本例主要用到FCKeditor_2.6.3.zip、fckeditor-java-demo-2.4.1.zip、fckeditor-java-2.4.1-bi...

JS教程:thickbox弹出框效果

标签： Web开发

Thickbox是jQuery的一个插件plugins；它可以实习弹出框效果；这个效果比浏览器自定义的效果要好的多，并且还可以自定义弹出框里的内容；开发者：Cody Lindle Thickbox的官方网址：http://jquery.com/demo/thickbox/ 下载：可以在官方网址点击thickbox.js 、thickbox-compressed.js、ThickBox.css 、loadingAnimation.gif链接；其中thickbox-...

js实现的层变换效果

标签： Web开发

无标题文档 #div1{ height:200px;width:200px; filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=1,transition=12); background:#CCCCCC; } [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

准确获得页面、窗口高度及宽度的JS

标签： Web开发

function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight docu...

判断页面是关闭还是刷新的js代码

标签： Web开发

body标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload，然后onunload，最后onload...

查看更多精彩>>