Welcome 微信登录

首页 / 脚本样式 / JavaScript

Jquery 分页插件之Jquery Pagination

Jquery 分页插件之Jquery Pagination

实用jQuery分页特效插件jquery.pagination.js,基于jQuery实现,可根据pageselectCallback函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文件,调用的数据是JSON格式数据,缺点是数据是一次性读出来的,效率会差些,插件支持众多参数的自定义配置功能,还是很不错的,大家可以根据自己的想法进行改进。有同学问道jquery的简单分页插件,原来有同事写过一个简单[Javascript 使...
jQuery实现下滑菜单导航效果代码

jQuery实现下滑菜单导航效果代码

本文实例讲述了jQuery实现下滑菜单导航效果代码。分享给大家供大家参考。具体如下:这里演示jquery向下滑的导航菜单代码,黄色风格下滑菜单,可作为网站的主导航菜单,二级菜单向下滑出,兼容性也是很不错的,本菜单来源自网络,丢失原作者署名信息,请原作者看到后与我们联系署名。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-down-show-nav-menu-style-codes/具体代码如下:&...
jQuery下拉美化搜索表单效果代码分享

jQuery下拉美化搜索表单效果代码分享

本文实例讲述了jQuery下拉美化搜索表单效果。分享给大家供大家参考。具体如下:JQuery下拉美化搜索表单样式代码是一款美化下拉框的表单,样式已写好,需要的朋友改一下就可以用了。运行效果图:-------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的jQuery下拉美化搜索表单效果代码如下<head><meta http-equiv="Conte...
jQuery实现类似标签风格的导航菜单效果代码

jQuery实现类似标签风格的导航菜单效果代码

本文实例讲述了jQuery实现类似标签风格的导航菜单效果代码。分享给大家供大家参考。具体如下:这是一款基于jquery实现的类似TAB标签样式的网站导航菜单,引入了jquery,若运行代码后左上角提示错误,刷新页面即可正常。你可点击菜单查看到整体的效果。点击后对应菜单项下移,可扩展成二级菜单,也可以改成TAB标签布局,感兴趣的朋友自己研究吧。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-bq-s...
JS实现灵巧的下拉导航效果代码

JS实现灵巧的下拉导航效果代码

本文实例讲述了JS实现灵巧的下拉导航效果代码。分享给大家供大家参考。具体如下:这是一款基于JS实现下拉菜单,是一款灵巧的网站导航条,支持二级显示,向下滑动显示,经典的下拉菜单,JS和CSS共同编写实现,Li菜单列表风格,便于修改,兼容各大主流浏览器,相信你也会喜欢的。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-down-nav-blue-menu-style-codes/具体代码如下:<!DOC...
js焦点文字滚动效果代码分享

js焦点文字滚动效果代码分享

本文实例讲述了js焦点文字滚动效果。分享给大家供大家参考。具体如下:效果描述:今天推荐的这个又是一个原生的js焦点图效果默认自动切换,也可以手动切换javascript代码采用函数式对象编程,也就是javascript编程中的Module模式基本用法很简单,主要特点有三:1、模块化,可重用2、封装了变量和function,和全局的命名空间不接触,不污染全局变量3、只暴露可用public方法,其他私有方法全部隐藏,确保js相互之间不会冲突运行效果图:----...
js实现三张图(文)片一起切换的banner焦点图

js实现三张图(文)片一起切换的banner焦点图

本文实例讲述了js实现三张图(文)片一起切换的banner焦点图。分享给大家供大家参考。具体如下:这是一款基于javascript实现的三张图(文)片一起切换的banner焦点图,带有左右箭头,同一个焦点图,三个位置的图片可以同时实现切换,图片中间可以穿插文字说明。运行效果图:-------------------查看效果下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的js实现三张图(文)片...
基于jQuery实现的QQ表情插件

基于jQuery实现的QQ表情插件

不废话了,先给大家展示效果图:查看演示 下载源码我们在QQ聊天或者发表评论、微博时,会有一个允许加入表情的功能,点击表情按钮,会弹出一系列表情小图片,选中某个表情图片即可发表的丰富的含表情的内容。今天和大家分享一款基于jQuery的QQ表情插件,您可以轻松将其应用到你的项目中。HTML首先在html页面的head中引入jQuery库文件和QQ表情插件jquery.qqFace.js文件。<script type="text/javascript" s...
JavaScript基本数据类型及值类型和引用类型

JavaScript基本数据类型及值类型和引用类型

在JavaScript中四种基本的数据类型:数值(整数和实数)、字符串型(用“”号或‘"括起来的字符或数值)、布尔型(使True或False表示)和空值。在JavaScript的基本类型中的数据可以是常量,也可以变量。由于JavaScript采用弱类型的形式,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的。javascript中的变量 javascript中的...
js钢琴按钮波浪式图片排列效果代码分享

js钢琴按钮波浪式图片排列效果代码分享

本文实例讲述了js钢琴按钮波浪式图片排列效果。分享给大家供大家参考。具体如下:这是一款基于javascript实现的钢琴按钮波浪式图片排列效果,鼠标在图片列表上移动,当前图片高亮显示,以此为根基点,周围的图片逐渐变小,所以有种手指划过钢琴键盘的感觉。运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。注意:图片的alt属性不能缺少,否则将导致效果失败。为大...
jQuery三级下拉列表导航菜单代码分享

jQuery三级下拉列表导航菜单代码分享

本文实例讲述了jQuery三级下拉列表导航菜单。分享给大家供大家参考。具体如下:jQuery三级下拉列表导航菜单基于jquery-1.8.3.min.js,可无限极分类,可智能判断是否有下级菜单,鼠标经过上次菜单显示下级菜单。 运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的jQuery三级下拉列表导航菜单代码如下<head>&...
jquery实现的横向二级导航效果代码

jquery实现的横向二级导航效果代码

本文实例讲述了jquery实现的横向二级导航效果代码。分享给大家供大家参考。具体如下:这是一款灰色和黑色共同搭配做出的水平横向网站菜单,网页横向菜单代码,包括二级子菜单,使用了几张图片,用的朋友自己顺路径另存为吧。本菜单兼容性不错,而且设计清新、漂亮、简约,鼠标移动到主菜单上,即可下滑出二级子菜单项。先来看看运行效果截图:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-black-bg-nav-menu-style...
jQuery左右滚动支持图片放大缩略图图片轮播代码分享

jQuery左右滚动支持图片放大缩略图图片轮播代码分享

本文实例讲述了jQuery左右滚动支持图片放大缩略图图片轮播效果。分享给大家供大家参考。具体如下:这是一款基于jQuery实现的左右滚动支持图片放大缩略图图片轮播效果,常用的jQuery图片左右轮播效果,同时支持底部缩略图左右滚动展示,点击大图片后支持放大效果。运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的jQuery左右滚动支持图片放大...
简介alert()与console.log()的不同

简介alert()与console.log()的不同

简单的说alert 是弹出提示而console.log是在调试工具里打日志,下面具体给大家列出alert()与console.log()的不同点,[1]alert() [1.1]有阻塞作用,不点击确定,后续代码无法继续执行 [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. alert([1,2,3]);//"1,2,3" [1.3]alert不支持多个参数的写法,只能输出第一个值 e.g....
js控制多图左右滚动切换效果代码分享

js控制多图左右滚动切换效果代码分享

本文实例讲述了js控制多图左右滚动切换效果。分享给大家供大家参考。具体如下:这是一款纯js实现点击左右按钮图片自动左右平滑滚动,默认5个一组左右滚动,可以手动修改js参数更改滑动数量。 运行效果图:-------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的js控制多图左右滚动切换效果代码如下<head><meta http-equiv="Cont...
<< 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 >>