本文实例讲述了jQuery实现的页面遮罩层功能。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="description" content="aportpower"/...
本文实例讲述了jQuery实现的省市联动菜单功能。分享给大家供大家参考，具体如下： 主要通过 select 下的 option 的 change 事件动态的为市级菜单添加数据。 index.html： <!DOCTYPE html> <html> <head><title></title><meta charset="utf-8"><script type="text/javascript" language="javascript" src="js/jquery-1.10.2.js"></script><script type="text/javascript" language="javascript" src="js/linkageProvinceCity.js"></...
(-1)写在前面我用的chrome49，jquery3.0，我得到过399分，信不信由你。(1)设计思路两个p元素放在div里，每个p元素的高度和宽度都和div一样，当鼠标放在div上时，第一个p向上移动(更改marginTop值)，当鼠标离开div上时，第一个p向下移动。(2)知识储备a. :nth-child#lol p:nth-child(1),当前元素p相对于他的父元素的所有子元素，如果第一个元素是p则匹配成功。#lol :nth-child(1) 相当于#lol *:nth-child(1)(3) 代码<!DOCTYPE html> ...
本文实例讲述了jQuery实现的多张图无缝滚动效果。分享给大家供大家参考，具体如下： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>slider</title> <style> *{padding: 0;margin: 0; } li{list-style-type: none; } body{margin: 50px; } .wrap{border: 3px solid #f00;width: 600px;height: 200px;position: relative;overflow: hidden; } .wrap ul{overflow: hidden;position:absolute;width: 1600px;...
本文实例讲述了jQuery动态修改字体大小的方法。分享给大家供大家参考，具体如下： 运行效果截图如下：完整代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> * { margin:0; padding:0; } .msg {width:300px; margin:100px; } .msg_caption { width:100%; overflow:hidden; margin-bottom:1px;} .msg_caption span { display:block; float:left; margin:0 ...
本文实例讲述了jQuery实现表格隔行及滑动,点击时变色的方法。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cssrain - demo<...
本文实例讲述了jQuery实现点击表格单元格就可以编辑内容的方法。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下： <!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=utf-8" /> <title>jquery表格可编辑修改表格...
本文实例讲述了jQuery实现表格行和列的动态添加与删除方法。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下： <!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=utf-8" /> <style type="text/css"> .cl1{backgr...
本文实例讲述了jQuery插件扩展测试方法。分享给大家供大家参考，具体如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JQquery扩展插件测试</title><script type = "text/javascript" src="jquery-1.7.2.min.js"> </script><styl...
用 jQuery 的都知道，jQuery 的 get 和 post 方法有三个参数：地址，数据 和回调函数，但我们知道地址也可以跟随数据的（形如：get_data.php?v1=1&v2=2），而且第二个参数可以省略，即第二个参数可 以直接写回调函数，那么数据写在地址后面和写在 data 参数里有什么区别呢？ 刚刚做了几个实验，看看下面的代码就清楚了: 以下内容需要回复才能看到 jquery_data.php echo "post: "; print_r($_POST); echo "get: "; print_r($_GET); ...
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> // 测试引用是否成功 $(document).ready(function(e) { alert(test!); }); </script> Google 的 CDN <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jque...
最近正在回顾之前的一些基础知识，用jquery写了一个图片滑动的插件，虽然还是有些问题存在，用法很简单，只要在对目标元素绑定slideW()函数即可，该函数最多支持两个输入，分别是图片变化之后的宽度，以及动画的速度，如果不输入，则采用默认的宽度以及默认的速度。 下面是我自己测试的例子： 代码如下://html代码 <div class = "content"> <ul class = "list"> <li class = "liimg"><span class = "imgli img1"></span></li> <li...
插件版本：jquery-1.6.min.js 代码如下:var chk_value=""; $(input[name="rootMenu"]).each(function () { if (this.checked) { chk_value += this.value + "$"; } }); alert(chk_value); chk_value.split(",");
inline onclick代码如下： 代码如下:<input type="button" id="btnOK" name="" value="确定" onclick="btnOKClick();" /> btnOKClick的代码： 代码如下:function btnOKClick() { alert("btnOK Clicked"); } 现在要在点击按钮以后，移除onclick事件，并为按钮绑定一个新的click事件。在第二次点击时候，就开始执行第二个事件处理函数，第二个处理函数的代码： reclick的代码： 代码如下:function reclick() { alert(reclick); ...
测试环境：ie8 ff13.0.1 chrome22 可以将分页获取的内容依次填入四个div中，瀑布流的分页可以以多页（比如5页）为单位二次分页，这样可以减少后台算法的复杂度 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>waterfall flow</title> <scri...