代码如下:<!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" /> <title>无标题文档</title> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript"> /** *动态的给左边的下...
jQuery 淡出一张图片到另一张图片,例如有下边的 html: 代码如下:<div class="fade"> <img src="1.jpg" /> </div> 首先,确保 div 的大小和图片大小一样,这个 div 有另一个背景图,如下: css代码: 代码如下:.fade { background-image:url(images/2.jpg); width:300px; height:225px; } jQuery 代码如下: 代码如下:$(document).ready(function () { $(".fade").hover(function () { $(this).find("img").stop(true, true).a...
jQuery部分代码: 代码如下:<script type="text/javascript"> function current(){ var d=new Date(),str=; str +=d.getFullYear()+年; //获取当前年份 str +=d.getMonth()+1+月; //获取当前月份(0——11) str +=d.getDate()+日; str +=d.getHours()+时; str +=d.getMinutes()+分; str +=d.getSeconds()+秒; return str; } setInterval(function(){$("#nowTime").html(current)},1000); </script> html部分代码: 代码如下:<d...
在 Excel 中可进行的操作,你几乎都可以在网页中做到,如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面,它支持以下的浏览器 IE7+, FF, Chrome, Safari, Opera。 如何使用: 首先在页面中引入 jQuery 框架和 Handsontable 插件的相关 JS 和 CSS 文件,以下列出的两个是必要的,还有其它的是可选的,如果需要某个功能时就(参看demo)加上。代码如下: <script src="jquery.min.js"></script> <script src="jquer...
代码如下:<script type="text/javascript"> function doTest(){ var value = $("input[name=dizhi][type=radio]:checked").val();//获得选中项的值 $(#a1).attr(href,shoppeisong.php?addid=+value+); } </script> 要取的INPUT 标签<input name="dizhi" type="radio" id="dizhi" onclick="doTest()" value="<?php echo $rsaddress[id];?>" /> 赋值到 代码如下:<a id="a1" href="" class="bt" onclick="xx()"> 下一步 </a>
代码如下:$("html").scrollTop(4000) 这里的4000设成比body高度要大的值,这个方法还是比较准确的 代码如下:scrollTo (0,document.height ||document.body.style.height)
完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码: 代码如下:<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> <textarea id="keleyi_com" cols="30" rows="5">点击按钮后,这些文字将被清空。http:www.keleyi.com 柯乐义</textarea> <br /><input type="button" id="clear_keleyi_com" value="清空" /> <script type="text/javascript"> $(...
代码如下:<!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> <title></title> <style type="text/css"> .imgclass { height:200px; width:200px; } .imgclass1 { width:210px; height:210px; } table tr td { width:250px; height:250px; } </style> <script src="jquery-1.9.1.js" type="text/ja...
代码如下:<script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $(#txtUserName).focus(function () { $(#txtUserName).val(); }) $(#txtPassWord).focus(function () { $(#txtPassWord).val(); }) $(#txtUserName).blur(function () { if ($(#txtUserName).val() ==) { $(#txtUserName).val(用户名不能为空); //重新获得焦点 // $(#txtUserName).focus(); } }) $(#txtPassWord).blur(function () { if ($(#t...
代码如下:<script type="text/javascript"> $(function () { $("#btnSubmit").click(function () { var txtName = $(#txtName).val(); var gender = $(#gender).is(:checked) ? 男 : 女; var isMarry = $(#isMarry).is(:checked) ? 已婚 : 未婚; $(#divTip).css(display, block).html(txtName + <br/> + gender + <br/> + isMarry); }) }) </script> 代码如下:<div class="divFrame"> <div class="divTitle">请输入如下信息</div...
代码如下:<!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> <title></title> <style type="text/css"> #img1 { width: 500px; height: 400px; border: solid 1px #ccc; display:none; } </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript...
使用jquery动态加载js,css文件 代码如下:$.extend({ includePath: , include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split(.); var ext = att[att.length - 1].toLowerCase(); var isCSS = ext == "css"; var tag = isCSS ? "link" : "script"; var attr = isCSS ? " type=text/css rel...
JS部份 代码如下:$(function(){ var $this = $(".renav"); var scrollTimer; $this.hover(function(){ clearInterval(scrollTimer); },function(){ scrollTimer = setInterval(function(){ scrollNews( $this ); }, 2000 ); }).trigger("mouseout"); }); function scrollNews(obj){ var $self = obj.find("ul:first"); var lineHeight = $self.find("li:first").height(); $self.animate({ "margin-top" : -lineHeight +"px" },60...
其实主要是jquery 层选择器的应用,jquery 高手可以跳过。。。 网易相册效果图如下:当鼠标移动经过照片就显示“设为封面|删除”,移开后就隐藏,此效果在web开发中经常会用到。故总结一下直接上代码: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert tit...
代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .content { border: 1px solid #ccc; width: 440px; overflow: hidden; margin: 10px; } </style> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { if ($(#content).height() > 400) $(#content).height(400); $(#big...