Welcome 微信登录

首页 / 脚本样式 / JavaScript

js实现div拖动动画运行轨迹效果代码分享

js实现div拖动动画运行轨迹效果代码分享

本文实例讲述了js div拖动动画运行轨迹效果。分享给大家供大家参考。具体如下:这是一款基于js实现的div拖动动画运行轨迹效果源码,是一款原生js div拖动效果制作鼠标拖动div动画运行轨迹效果代码。可以选择【记住轨迹】与【不记住轨迹】两种拖动显示模式,从而显示出不同的拖动效果。运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的...
jQuery在线选座位插件seat-charts特效代码分享

jQuery在线选座位插件seat-charts特效代码分享

本文实例讲述了jQuery在线选座位插件seat-charts特效。分享给大家供大家参考。具体如下:这是一款基于JQuery实现的在线选座位插件seat-charts源码,是一款适合机票,电影票,客车票选座的jquery.seat-charts插件。点击左侧的座位即可在右侧即时显示座位信息,并且可以有计算累加的功能。特点:支持自定义座位类型和价格,支持自定义样式,支持设置不可选的座位,也支持键盘控制选座。运行效果图: -------------------...
javascript中判断json的方法总结

javascript中判断json的方法总结

简单地说, JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串(伪对象) ,然后就可以在函数之间轻松地传递这个字符串,或者 在异步应用程序中将字符串从 Web 客户端传递给服务器端程序 。这个字符串看起来有点儿古怪(稍后会看到几个示例),但是 JavaScript 很容易解释它,而且 JSON 可以表示比名称/ 值对更复杂的结构。例如,可以表示数组和复杂的对象,而不仅仅是键和值的简单列表。判断json是否为空复制代码 代码如下:var...
jquery带动画效果幻灯片特效代码

jquery带动画效果幻灯片特效代码

本文实例讲述了jquery带动画效果幻灯片插件devrama.slider。分享给大家供大家参考。具体如下:jquery带动画效果幻灯片插件devrama.slider是一款可以在焦点图中嵌入html内容和文字动画效果,运行时可出现图文层叠显示效果,且图片下方伴有进度条效果。运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的jque...
JavaScript实现非常简单实用的下拉菜单效果

JavaScript实现非常简单实用的下拉菜单效果

本文实例讲述了JavaScript实现非常简单实用的下拉菜单效果。分享给大家供大家参考。具体如下:这是一款实用的JS下拉菜单,鼠标移上菜单就显示出二级菜单,是从其它网站上整理下来的,修改花了不少时间,现在去除了一些无用代码,更简洁了,而且代码兼容性似乎也表现不错,这款两级下拉菜单,基本是由CSS和JavaScript共同实现的,真的挺简洁实用。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-css-dow...
jquery图片倾斜层叠切换特效代码分享

jquery图片倾斜层叠切换特效代码分享

本文实例讲述了jquery图片倾斜层叠切换特效代码。分享给大家供大家参考。具体如下:这是一款基于jQuery.roundabout.js制作的CSS3图片倾斜层叠切换效果代码,很有层次感还可以左右切换,一款很清新的代码实例。 运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。我们需要以下代码把样式和特效导入:<link rel="styl...
jQuery实现带幻灯的tab滑动切换风格菜单代码

jQuery实现带幻灯的tab滑动切换风格菜单代码

本文实例讲述了jQuery实现带幻灯的tab滑动切换风格菜单代码。分享给大家供大家参考。具体如下:这是一款很不错的TAB滑动切换效果,jQuery带幻灯的tab滑动切换风格菜单导航条,点击上方的文字,下边就向左或向右滑动切换,动画效果的TAB选项卡。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-flash-style-tab-cha-menu-codes/具体代码如下:<!DOCTYPE ...
jQuery实现响应鼠标背景变化的动态菜单效果代码

jQuery实现响应鼠标背景变化的动态菜单效果代码

本文实例讲述了jQuery实现响应鼠标背景变化的动态菜单效果代码。分享给大家供大家参考。具体如下:这是一款jQuery响应鼠标背景变化的动态菜单,菜单的背景在鼠标放上后有所变化,这款菜单的实现主要是使用了图片,修改菜单的时候要修改图片,有些麻烦,不过效果不错,引入的jquery插件是1.7版本,高版本jQuery未测试,应该也可以啦。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-mouse-ch...
jquery实现左右滑动菜单效果代码

jquery实现左右滑动菜单效果代码

本文实例讲述了jquery实现左右滑动菜单效果代码。分享给大家供大家参考。具体如下:这里演示了三种背景颜色左右滑动jquery菜单导航效果,IE下有问题,本菜单使用了CSS3的部分属性,因此建议使用火狐或Chrome等浏览器获取最佳效果。当把鼠标移到菜单上的时候,对应菜单项的背景会变化,而且本菜单具有圆角的效果。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-left-right-move-sty...
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题

zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题

在移动web开发中,由于手机界面较小,为了能展示更多的图片经常使用轮播图并且还需要考虑到手机流量的问题,通过请教他人以及百度,个人感觉swipe.js比较好用。它是一个纯javascript工具,不需要跟其它js库一起导入,同时兼容jQuery和zepto,压缩版的大小只有6kb很适合移动端的开发,它的git地址:https://github.com/thebird/swipe在git上对其的使用方式介绍的相当清楚,关键代码如下<div id="sl...
浅谈JavaScript中的string拥有方法的原因

浅谈JavaScript中的string拥有方法的原因

引子我们都知道,JavaScript数据类型分两大类,基本类型(或者称原始类型)和引用类型。基本类型的值是保存在栈内存中的简单数据段,它们是按值访问的。JS中有五种基本类型:Undefined、Null、Boolean、Number和String。引用类型的值是保存在堆内存中的对象,它的值是按引用访问的。引用类型主要有Object、Array、Function、RegExp、Date。对象是拥有属性和方法的,所以我们看到下面这段代码一点也不奇怪.var f...
jquery图片滚动放大代码分享(2)

jquery图片滚动放大代码分享(2)

本文实例讲述了jquery图片滚动放大效果。分享给大家供大家参考。具体如下:这是一款基于jquery实现图片滚动放大效果代码,像是一个放大镜,适合用于产品展示,便于用户浏览产品细节,是一款非常实用的特效代码。运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的jquery图片滚动放大效果代码如下<head><meta http...
jQuery实现平滑滚动的标签分栏切换效果

jQuery实现平滑滚动的标签分栏切换效果

本文实例讲述了jQuery实现平滑滚动的标签分栏切换效果。分享给大家供大家参考。具体如下:这是一款老外的作品,后半部分的代码有点乱,具体就不细整理了,喜欢的朋友自己拷贝代码慢慢整理一下吧,呵呵,虽乱但功能不乱,预览看效果吧,很不错的标签滚动切换。先来看看运行效果截图:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-scroll-bq-menu-cha-style-codes/具体代码如下:<!DOCTYPE ...
jquery实现带缩略图的可定制高度画廊效果(5种)

jquery实现带缩略图的可定制高度画廊效果(5种)

本文实例讲述了jquery可定制高度画廊效果。分享给大家供大家参考。具体如下:这是一款基于jquery可定制高度画廊效果代码,很有艺术感,带有五种飞行展示效果,最大的特点是可以定制高度,是一款非常实用的特效代码,值得大家学习。运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的jquery图片滚动放大效果代码如下<!DOCTYP...
jQuery表单验证功能实例

jQuery表单验证功能实例

本文实例讲述了jQuery表单验证功能。分享给大家供大家参考。具体如下:这里使用jquery实现的表单验证效果,以Ajax方式验证你的表单是否填写正确,如果验证不通过,会将表单元素背景变成红色,并给出提示信息,简单实用,jquery表单验证功能已经有很多了,本款表单验证特效看上去更简单,不懂Ajax的朋友,或许直接套用即可实现无刷新表单验证功能。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-ta...
jquery衣服颜色选取插件效果代码分享

jquery衣服颜色选取插件效果代码分享

本文实例讲述了jquery衣服颜色选取插件效果。分享给大家供大家参考。具体如下:这是一款基于jquery实现衣服颜色选取插件效果代码,有了这个插件可以为自己搭配衣服颜色,自己就是设计师,为自己设计独一无二的衣服,是一款非常实用的特效代码,值得大家学习。运行效果图:-------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的jquery衣服颜色选取插件效果代...
谈谈JavaScript中function多重理解

谈谈JavaScript中function多重理解

JavaScript 中的 function 有多重意义。它可能是一个构造器(constructor),承担起对象模板的作用; 可能是对象的方法(method),负责向对象发送消息。还可能是函数,没错是函数,和对象没有任何关系独立存在的可以被调用的函数。由于语言设计者的妥协,在 JavaScript 加入了一些 class 相关的特性,以使 JavaScript 看起来确实象 Java,可以 “面向对象”。虽然 JavaScript 添加了 new 和 t...
js实现横向伸展开的二级导航菜单代码

js实现横向伸展开的二级导航菜单代码

本文实例讲述了js实现横向伸展开的二级导航菜单代码。分享给大家供大家参考。具体如下:这是一款js实现的横向伸展开二级导航菜单,鼠标放在一级菜单的第四个菜单项上,就能展开二级的菜单,菜单没有过多美化,只是一般的修饰,使用的朋友可根据您自己的网站风格重新美化菜单风格。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-r-show-menu-style-codes/具体代码如下:<!DOCTYPE html...
<< 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 >>