本文实例讲述了淡入淡出的js图片轮播效果代码。分享给大家供大家参考。具体如下: 运行效果图:----------------------查看效果-----------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的js图片轮播效果代码如下js图片轮播效果代码table img:hover{cursor:pointer;}var roll_image = new Array; var image_link = new Array; var small_img = new Array;roll_image[0] = ''; image_link[0] =...
本文实例讲述了js钢琴按钮波浪式图片排列效果。分享给大家供大家参考。具体如下: 这是一款基于javascript实现的钢琴按钮波浪式图片排列效果,鼠标在图片列表上移动,当前图片高亮显示,以此为根基点,周围的图片逐渐变小,所以有种手指划过钢琴键盘的感觉。 运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 注意:图片的a...
本文实例讲述了js焦点文字滚动效果。分享给大家供大家参考。具体如下: 效果描述: 今天推荐的这个又是一个原生的js焦点图效果 默认自动切换,也可以手动切换 javascript代码采用函数式对象编程,也就是javascript编程中的Module模式 基本用法很简单,主要特点有三: 1、模块化,可重用 2、封装了变量和function,和全局的命名空间不接触,不污染全局变量 3、只暴露可用public方法,其他私有方法全部隐藏,确保js相互之间不会冲突 ...
这是一款基于js实现的tab标签切换效果,是一款无需jQuery,原生javascript制作的tab切换效果源码。点击上面的标题即可实现对应页面的切换功能,非常具有实用价值。 运行效果图:-------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的js实现的tab标签切换效果代码如下js实现tab标签切换效果*{ margin:0; padding:0; list-style:none;} body{ font-size:1...
本文实例讲述了JS+CSS3实现的类似于苹果iwatch计时器特效。分享给大家供大家参考。具体如下: 带时间的jQuery日期控件代码是一款基于jQueryUI实现的,可自定义日期插件语言,这个日期控件的亮点就在于选择的时间可精确到分钟。 运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的jQuery带时间的日期控件代码如下jQ...
本文实例讲述了js实现文本框走动跑马灯效果。分享给大家供大家参考。具体如下: 运行效果图:小提示:直接复制下面分享的代码即可运行,大家可以自定义文字。 为大家分享的js实现文本框走动跑马灯效果代码如下文本框走动跑马灯代码var msg="欢迎访问脚本之家 www.gxlcms.com"; var interval = 100; var space10=""; var seq=0;function Scroll() { document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg...
本文实例讲述了JS+CSS3实现的类似于苹果iwatch计时器特效。分享给大家供大家参考。具体如下: JS+CSS3实现的类似于苹果iwatch计时器特效是一段实现了类似于最近最火爆的苹果iwatch计时器效果的代码,带有开始和重置按钮,支持计次显示。 运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的JS+CSS3实现...
本文实例讲述了jQuery下拉友情链接美化效果,jQuery下拉友情链接美化代码是一款基于jQuery实现的下拉美化特效,分享给大家供大家参考。具体如下: 运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的jQuery下拉友情链接美化效果代码如下jQuery下拉友情链接美化代码BODY {FONT: 12px "宋体", ...
本文实例讲述了jQuery实现的数值范围range2dslider选取插件特效。分享给大家供大家参考。具体如下: 这是是一款简单的jquery插件,使用该插件后实现鼠标可以滑动(拖动)控制数值范围选取的特效代码。 运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的jQuery实现的数值范围选取特效代码如下jQuery数值范围...
本文实例讲述了jQuery左右滚动支持图片放大缩略图图片轮播效果。分享给大家供大家参考。具体如下: 这是一款基于jQuery实现的左右滚动支持图片放大缩略图图片轮播效果,常用的jQuery图片左右轮播效果,同时支持底部缩略图左右滚动展示,点击大图片后支持放大效果。 运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为...
本文实例讲述了jQuery手机拨号界面特效。分享给大家供大家参考。具体如下: 这是一款基于jQuery实现的手机拨号界面特效源码,是一款个性的phone网页版手机拨号界面样式代码。点击界面上数字按键可实时显示手机拨号效果,点击底部拨号键可模拟拨号通话的效果。 运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享...
本文实例讲述了js支持键盘控制的左右切换立体式图片轮播效果。分享给大家供大家参考。具体如下: 这是一款基于javascript实现支持键盘控制的左右切换立体式图片轮播效果,特别有立体感,最重要的一点是可以利用键盘进行控制。 特性介绍:1.轻松的改变幻灯变的宽度。2.轻易改变下一张展示图片的数量。3.最后一张图片会循环回到第一张图片里。4.嵌入了Fancy查看插件,在每张图片上都能查看详细图片信息。 运行效果图: ...
本文实例讲述了jQuery在线选座位插件seat-charts特效。分享给大家供大家参考。具体如下: 这是一款基于JQuery实现的在线选座位插件seat-charts源码,是一款适合机票,电影票,客车票选座的jquery.seat-charts插件。点击左侧的座位即可在右侧即时显示座位信息,并且可以有计算累加的功能。 特点:支持自定义座位类型和价格,支持自定义样式,支持设置不可选的座位,也支持键盘控制选座。 运行效果图: --------...
本文实例讲述了jQuery实现输入框下拉列表树插件。分享给大家供大家参考。具体如下: 这是一款基于jquery实现的下拉列表树插件源码,是一款实用的jquery 树形下拉框下拉树代码。点击文本框即可弹出树形下拉列表,单击列表项即可选中列表对应文字,是一款非常实用的特效源码。 运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 ...
本文实例讲述了js鼠标点击图片切换效果。分享给大家供大家参考。具体如下: 实现原理很简单,其实是多张图片叠加起来,点击图片后依次赋予图片一个class,使其看起来在表面而已,点击图片,可以实现图片的不断切换效果。 运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的js鼠标点击图片切换效果代码如下...