本文章介绍了一种比较常用的效果，那就是当鼠标滑过链接的时候，能够出现跟随鼠标指针移动的图层，在实际应用中，一般是对于链接的一些说明文字或者图片等等，下面是代码实例: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>脚本之家</title> <style type="text/css"> body{margin:0;padding:40px;background:#fff;font:80% Arial, Helvetica, sans-serif;color:#555;line-height:180%; } a{text-decoration:none...
效果图展示如下所示：使用方法： 只需引用jQuery库和YesTop插件，然后一句代码就可以实现返回顶部： 引用代码： <script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="http://hovertree.com/texiao/yestop/inc/jquery.yestop.js"></script>使用代码： <script type="text/javascript">$(document).ready(function () { $.fn.yestop(); }...
jquery实现点击链接弹出层效果：本例实现的主要原理：jquery操作DOM元素。对层样式的设置。将display:设置为none;让层隐藏； 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com" /> <title>子选择器</title> <style type="text/css"> #choice_list_district{ height:50px; } #tab td{ cursor:pointer; } #divobj{ position:absolute; width:200px; height:20...
倒计时效果有着广泛的应用，比如奥运会倒计时、高考倒计时和放假倒计时等，本章节分享一个比较美观且实用的倒计时效果。 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>倒计时效果代码</title> <style type="text/css"> * {padding:0;margin:0; } .colockbox {width:250px;height:30px;overflow:hidden;color:#000000;background:url(my...
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的WEB爱好者。 //全选 全不选$(#checkAll).click(function () {//判断是否被选中var bischecked = $(#checkAll).is(:checked);var fruit = $(input[name="check"]);bischecked ? fruit.attr(checked, true) : fruit.attr(checked...
通过使用 jQuery EasyUI 可以很容易地添加 Tabs。您只需要调用 add 方法即可。 function addTab(title, href,icon){ var tt = $(#tabs); if (tt.tabs(exists, title)){//如果tab已经存在,则选中并刷新该tab tt.tabs(select, title); refreshTab({tabTitle:title,url:href}); } else { if (href){ var content = <iframe scrolling="no" frameborder="0" src="+href+" style="width:100%;height:100%;"></iframe>; } else { var...
Slides – 是一个简单的，容易定制和风格化，的jQuery幻灯片插件。 Slides提供褪色或幻灯片过渡效果，图像淡入淡出，图像预压，自动生成分页，循环，自动播放的自定义等很多选项。 用Slides插件，你可以随机播放幻灯片，设定那一套您想要开始幻灯片。它附带充分的说明和示例。废话不多说了，直接给大家贴代码了 $(function(){$("#slides").slidesjs({play: {active: true,// [boolean] Generate the play and stop buttons.// You ...
本文实例讲述了jQuery无刷新分页实现方法。分享给大家供大家参考，具体如下： 这款jQuery分页示例，是分页经典形式，兼容性也做的好，网页上的分页代码，分享给大家。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-wsx-page-style-demo/ 具体代码如下： <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery分页演示效果</title> <script ...
本文给大家展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中！我希望你在这一文章中能找到有帮助的东西。 1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素...
本文实例讲述了Jquery焦点图实例代码。分享给大家供大家参考。具体如下： 对于很多建站的朋友来讲，焦点图并不陌生，一般的企业站，门户站都会用到焦点图。我们平时在写html代码的时候，很多人为了省时省力，对于焦点图都是在网上下载一些人家写好的代码，直接套上去即可，很多时候我自己也是这样来的。因为一个焦点图有html布局，css样式调试和最关键的 javascript语句的编写。这些都是一个很麻烦的过程。 今天我就以实例讲解，手...
代码如下:!-- 这里为你提供了三种动态加载js的jquery实例代码哦，由于jquery是为用户提供方便的，所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了。 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" ...
代码如下： 代码如下:<%@ page language="java" contentType="text/html; charset=gbk" pageEncoding="gbk"%> <%@ include file="/pages/common/taglibs.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script type="text/javascript" src="jquery-1.4.js"></script> <script type="text/javascript"> $(document).ready(function(){ ...
一、JSON的一些基础知识。 JSON中对象通过"{}"来标识，一个"{}"代表一个对象，如{"AreaId":"123"}，对象的值是键值对的形式（key：value）。 "[]"，标识数组，数组内部各个数据之间通过"，"分割，如["AreaId":"123"，"AreaId":"345"]。 很多情况下是对象数组，那就是这样：代码如下:[{"AreaId":"123"},{"AreaId":"345"}] 其实数组也是一个对象，上面的格式也可以写成这样：代码如下:{"Area"：[{"AreaId":"123"},{"AreaId":"345"}...
设置属性 - attr()jQuery attr() 方法也用于设置/改变属性值。 下面的例子演示如何改变（设置）链接中 href 属性的值： 实例 代码如下:$("button").click(function(){$("#keleyi").attr("href","//www.gxlcms.com");});attr() 方法也允许您同时设置多个属性。下面的例子演示如何同时设置 href 和 title 属性： 实例 代码如下:$("button").click(function(){$("#keleyi").attr({"href" : "//www.gxlcms.com","title" : "柯乐义网"})...
如果用纯JavaScript代码而不使用框架的话，那么做一个级联菜单也许是一件让人生畏的事情，但有了框架，这件事情就很容易了，这就是框架的好处，极大地提高了开发效率，并且更可靠和易于维护。使用jQuery来实现级联菜单的一般步骤如下： ?1.首先使用<ul>和<li>创建一个级联菜单 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>itc...