ScrollDown的基本操作示例 2017年02月06日 17 阅读 复制代码 代码如下: $(document).ready(function () { $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) //滚动条滚到底部时触发 { } }); }) ...
Jquery加载时从后台读取数据绑定到dropdownList实例 2017年02月06日 18 阅读 复制代码 代码如下: $(document).ready(function () { loadSchools(); }); function loadSchools() { var url = "@Url.Action("GetSchools")"; $.ajax({ url: url, type: "GET", dataType: "json", error: function () { alert("Error"); }, success: funct...
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例 2017年02月06日 15 阅读 [javascript]复制代码 代码如下:$(function () { gridview("GridView1"); }); //gridview function gridview(objgridview) { //get obj id var gridviewId = "#" + objgridview; //even $(gridviewId + ">tbody tr:even").addClass("NormalColor");...
js调用后台servlet方法实例 2017年02月06日 20 阅读 1.使用document.form.action方式相关源码如下:*.js[javascript] 复制代码 代码如下:<span style="white-space:pre"> </span> document.getElementById("sendPerson").value = SendPerson; document.getElementById("currentTime").value = currentTime();...
Jquery 表单验证类介绍与实例 2017年02月06日 20 阅读 [html] 复制代码 代码如下: <form action="" method="post" id="formValidate"> 数值:<input name="" type="text" validate="number" /><span></span><br/> 浮点型:<input name="" type="text" validate="decimal" /><sp...
单击浏览器右上角的X关闭窗口弹出提示的小例子 2017年02月06日 18 阅读 单击浏览器右上角的X弹出提示窗口,简单实现。复制代码 代码如下:<script language="javascript"> window.onunload = function () { if (event.clientY < 0 && event.clientX> document.body.scrollWidth) { //event.returnValue = "Are you sure you want to leave ...
jQuery 淡出一个图像到另一个图像的实现代码 2017年02月06日 18 阅读 jQuery 淡出一张图片到另一张图片,例如有下边的 html: 复制代码 代码如下: <div class="fade"> <img src="1.jpg" /> </div> 首先,确保 div 的大小和图片大小一样,这个 div 有另一个背景图,如下: css代码: 复制代码 代码如下: .fade { background-image:url("images/2.jpg"); width:300px; heig...
jQuery插件的写法分享 2017年02月06日 19 阅读 1、概述先看看html代码复制代码 代码如下:<ul id="catagory"> <li><a href="#">jQuery</a></li> <li><a href="#">Asp.net</a></li> <li><a href="#">Sql Server</a></li> <li>...
如何使Chrome控制台支持多行js模式——意外发现 2017年02月06日 19 阅读 一直以来,Chrome控制台都缺少象IE调试台那样的多行执行模式。 今天意外发现Chrome其实也支持多行模式。默认在Chrome控制台上输入回车后会执行该命令,只需要通过输入Shift+Enter来新建行即可。 ...
js获取dom的高度和宽度(可见区域及部分等等) 2017年02月06日 20 阅读 复制代码 代码如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.s...
JQuery 操作/获取table具体代码 2017年02月06日 16 阅读 //nav_box 表格名称 复制代码 代码如下: $("#nav_box tr").each(function (i) { //var text = $(this).children("td:first").text(); //var proid = $(this).find("input:hidden").val(); //alert("proid==" + i + "===" + proid); var num = $("#ProNum" + i)....
setTimeout函数兼容各主流浏览器运行执行效果实例 2017年02月06日 19 阅读 目前这个setTimeout可以很好地兼容IE6,7,8,9以及谷歌浏览器Chrome,火狐浏览器FireFox,苹果浏览器Safari,Opera。setTimeout是一个很不错的函数,网站页面前端工程师经常将其用于几秒后执行的动作。setTimeout这个JS内置函数其用法也很简单,下面是setTimeout()的函数说明以及用法详解和实例、示例代码:setTimeout()的作用是指定在多少毫秒后执行一个JS函数或者表达式代码 setTimeout...
JavaScript实现网页上的浮动广告的简单方法 2017年02月06日 21 阅读 漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋。除了普通的Gif Banner、Flash外,浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅读兴趣的东西,因此一定不能滥用。不过,如果你能善用的话,它就能发挥出极大的作用。 要做出浮动式广告的效果并不困难,如果你有JS基础的可以...
jsp+javascript打造级连菜单的实例代码 2017年02月06日 17 阅读 复制代码 代码如下: <%@ page import="java.util.Date,yava.fileapp.*,java.sql.*;" contentType="text/html;charset=GB2312" pageEncoding="GB2312" %> <style> .f9{ font-size:9pt; } .bgc{ background-color:#AECAF9; color: #0033FF } .but...
用js实现输入提示(自动完成)的实例代码 2017年02月06日 16 阅读 复制代码 代码如下:<!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>autoComplete</ti...
json数据处理技巧(字段带空格、增加字段、排序等等) 2017年02月06日 19 阅读 1、json数据的正常取值:json[i].fieldName 2、json数据的字段带空格:eval("json[" + i + "]["" + field + ""]") 3、json数据的赋值:eval("json[" + i + "]["" + field + ""]=" + jsonFilter.length); 4、json数据增加字段:循环所有数据,直接json[i].newField=defaultValue就可以了 5、json数据的排序...
JavaScript实现表格排序方法 2017年02月06日 16 阅读 参考代码:复制代码 代码如下:<!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="Con...
用js实现控件的隐藏及style.visibility的使用 2017年02月06日 20 阅读 复制代码 代码如下: <!DOCTYPE html> <html> <body> <p id="p1">这是一段文本。</p> <input type="button" value="隐藏文本" onclick="document.getElementById("p1").style.visibility="hidden"" /> <input type="button" val...
JS保存、读取、换行、转Json报错处理方法 2017年02月06日 19 阅读 异常信息:Unexpected token ILLEGAL 先说处理方法: 1.保存: 复制代码 代码如下: varcont=encodeURI($("#txtMessage_Content").val()).replace(/%0A/g,"brHH"); 2.读取: 复制代码 代码如下: entity[i].Contents.replace(/</g,"<").replace(/>/,">").replace(/brHH/g,"...
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例 2017年02月06日 19 阅读 -1、右侧弹出导航菜单完整代码 复制代码 代码如下: <!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 htt...