最近在学习jquery,看了几天，决定做个小东西练练手。入门级的可以看看。 先看下面这个小东西有什么功能，有模有用。功能：当你鼠标悬浮在你的html元素上面的时候，它会显示一个help说明性的label。效果图：原始：当你的鼠标悬浮在单击我吧1时：当你的鼠标悬浮在textbox时：看了效果图，若是有兴趣的话，仔细看看代码吧，代码有注释 html 代码: 代码如下: $(document).ready(function () { $("#d").HelpTextFn({ helpText: ...
效果如下 原表格:col0 col1 col2 col3SuZhou 11111 22222 SuZhouCitySuZhou 33333 44444 SuZhouCitySuZhou 55555 66666 SuZhouCityShangHai 77777 88888 ShangHaiCityShangHai uuuuu hhhhh ShangHaiCityShangHai ggggg ccccc ShangHaiCityGuangZhou ttttt eeeee GuangZhouCityGuangZhou ppppp qqqqq GuangZhouCity 处理之后的样子: col0 col1 col2 col3SuZhou 11111 22222 SuZhouCity33333 4444455555 66666ShangHai 77777 88888 ...
可以一个页面中创建多个弹出窗，被选中的弹出窗会加亮显示，在同一网页中可以有多个弹出窗口，也可以通过双击窗口实现最大化，跟windows像极了。如果想要做一个类似操作系统的页面，用这个插件是完全可以实现的。兼容多种主流浏览器。 最基础的调用方法： 代码如下:$(#YourContainerDiv).AeroWindow((WindowTitle:hello world,)); 带全部参数的调用： 代码如下: $(#YourContainerDiv).AeroWindow({ WindowTitle: My first very ...
我在源码里给出了注释,有什么不足之处后或者可以改进的地方, 希望能够大家留言探讨... 效果图(比较朴素): 代码如下: ;(function($) { $.fn.roller = function(options) { var opts = $.extend({}, $.fn.roller.defaults, options), // 通过循环队列来管理滚动信息 itemQueue = new Array(); return this.each(function(index) { var $div = $(this).addClass(roller-container); // 用给定的数组进行初始化 if(opts.items && Util...
例如：1.0 => 1.0.0；1.1 => 1.1.0 1、增加jQuery版本提示： 2、增加event事件智能提示；3、增加delegate和undelegate 智能提示 delegate(, 或undelegate(, 4、增加延迟对象智能提示Deferred()/deferred 5、增加了两个Beta版本 API link和unlink 6、xml文件中使用多个menugroup分组便于后期维护 ----------------------------------------------------------------------------------- 1.2.0 1.0.0 打包下载 --------------------...
作者：Chris Spooner翻译：Terry li - GBin1.com英文： jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中复选框和单选框的样式是最难去设计的，因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计，或者时尚的Iphone类型的开关按钮。Fancy checkboxes and radio b...
第一步：建立工作区间 首先，我们要位我们这个教程建立一个工作区间，建立如图所示的文件层次结构，以及新建相应的空文件。 [/code] style.css 代码如下: * { margin : 0; outline : 0; padding : 0; } /*初始化网页样式*/ body { background-color : #ededed; color : #646464; font-family : 'Verdana', 'Geneva', sans-serif; font-size : 12px; text-shadow : 0 1px 0 #ffffff; } h1 { font-size : 24px; font-weight : norma...
首先还是来看一下运行效果如图1所示。 该插件使用步骤 一、引入css文件 首先页面引入css样式文件‘votecss.css'，他是投票结果正常显示必不可少的。具体代码如下所示： 二、引入jQuery的就是源文件 该插件是以jQuery为基础的所以引入jQuery插件是必须的具体代码如下： 三、引入投票插件 引入自己开发的投票插件“Studyplay_vote.js”，具体代码如下所示： 四、页面调用 首先在页面中添加一个ID为‘z'的div元素，编写JavaSc...
首先看一下运行效果如下图所示。 鼠标移到星星上该星星前面的所有星星全部变亮，鼠标单击将记录点击的星星数，前面的所有星星将变亮。一、原理 本程序的原理是这样的：一个“ul”标签，该标签的背景为灰色的星星，控制“ul”标签的宽度显示星星的数量。例如：一个星星图片的宽度为23px，那么要显示10个星星，则“ul”的宽度为230px就可以显示10个星星。 n个“li”标签，n表示您要显示星星的个数，例如你要显示10个星星那么将有10个...
javascript语法高亮 代码如下: (function(){ var el=document.getElementById("img"); var doc=document.documentElement,docBody=document.body; var oldY=(doc.scrollTop || docBody.scrollTop)+(doc.clientHeight/2 || docBody.clientHeight/2); (function(){ var nowY=(doc.scrollTop || docBody.scrollTop)+(doc.clientHeight/2 || docBody.clientHeight/2); oldY+=(nowY-oldY)/10; el.style.top=Math.ceil(oldY-el.offsetHe...
jQuery Scroll Follow 随屏幕滚动的层 点击查看Demo jScrollPane 自定义滚动条插件 点击查看DemojQuery树状菜单插件 jqueryflexselect下拉框自动提示jQuery id标签 - 8种不同的很酷的JQuery菜单例子jQuery ContextMenu；轻量级JQuery插件，可以自定义右键弹出的菜单 jQuery Flash Plugin-这个 jQuery插件可以让你嵌入Flas***** jQuery Media Plugin- 这个播放器插件几乎可以播放任何格式的多媒体文件,包括Flash, Quickti...
滑块和幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享20个非常棒的 jQuery 幻灯片插件和教程。 > Slider Gallery with jQueryCreate an Image Rotator with Description (CSS/jQuery)Create a Slick and Accessible Slideshow Using jQuerySimple JQuery Image Slide Show with Semi-Transparent CaptionAnimate Panning Slideshow with jQueryCreate Bea...
官方Demo地址：http://www.trirand.com/blog/jqgrid/jqgrid.html 效果图： 页面代码： 代码如下: 本地数据 $(document).ready(function(){ $("#list1").jqGrid({ datatype:"local", height:250, colNames:['自动编号','地区编号','地区名称','所属城市编号'], colModel:[ //这一项比较重要， 其中的name属性主要是用于后期的页面代码（注意这里的范围是本页面上的代码，不会涉及到后台代码）， 而index属性是则是用于涉及...
这是一种在有限的网页空间内展示更多内容的良好方式，而且能吸引用户注意力。如果你想知道这是如何实现的，那么本文收集的30个幻灯片插件和教程将帮助您实现这种效果。 JCOVERFLIP Live Demo CREATE A CUSTOM IMAGE GALLERY WITH JCAROUSEL Live Demo COIN SLIDER Live Demo LOOPEDSLIDER Live Demo NIVO SLIDER Live Demo COLORFUL SLIDERS WITH JQUERY & CSS3 Live Demo HOW TO CREATE A SIMPLE ITUNES-LIKE SLIDER Live ...
代码如下: function showBox(s){ asyncbox.success(s,'asyncbox',function(){ asyncbox.tips('Pass','success') }); } 插件大家可以到AsyncBox 官网：或脚本之家进行下载JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与...