代码如下:jQuery 表格自动增加table { width:800px; margin:50px auto; border-collapse:collapse; border-spacing:0; }table tr, table th, table td { border:1px solid #ddd; font-size:12px; }table tr td:first-child { width:30px; text-align:center; }table td input { width:100%; height:100%; padding:5px 0; border:0 none; }table td input:focus { box-shadow:1px 1px 3px #ddd inset; outline:none; } 序号姓名金...
jquery导航是一个网站必不可少的模块,当一个用户在一个网站上浏览的时候,为了某个目的而查看网站导航栏的时候,突出导航栏的效果是重中之重。因此必须要使用一个效果:jquery遮罩层。利用明暗效果来突出当前用户的操作。 代码如下:$(function() {var $oe_menu= $(#oe_menu);var $oe_menu_items= $oe_menu.children(li);var $oe_overlay= $(#oe_overlay); $oe_menu_items.bind(mouseenter,function(){var $this = ...
代码如下://key:value|key:valuevar windowStorage = { _inited: false, _data: {}, init: function(str) { var tmpData, key, value, kv; this._inited = true; if (str && typeof str == string) { tmpData = str.split(|); for (var i = 0, len = tmpData.length; i < len; i++) { kv = tmpData[i].split(:); key = unescape(kv[0]); ...
代码如下:var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true,offsets:{x:0,y:-41}});t9.doEffects = function(way){ if(way == "open"){ this.popupLayer.css({opacity:0.3}).show(400,function(){ this.popupLayer.animate({ left:($(document).width() - this.popupLayer.width())/2, top:(document.documentEleme...
代码如下:无标题文档 .ld_anipic{ position:absolute; width:8px; height:8px; background-color:#ccc;} //ld动画组建//被加载的divIDfunction ldAni(contain_id,id_flag,start_id){ this.contain_id=contain_id; this.id_flag=id_flag; this.start_id=start_id; this.a = new Array(); this.tempa=new Array(); this.Add_cmd=function(cmd){ this.a.unshift(cmd); }; this.bakdata=function(){ this.tempa = this.a.concat...
代码如下: .shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px; width:600px; margin:0 auto;}.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}.shuoming dd {line-height:20px; padding:5px 20px;} var delta=0.08 var collection; function floaters() { this.items = []; this.addItem = function(id,x,y,content) { document.write(''+content+''); ...
代码如下:function position(elem,l,t){ var isIE6 = !-[1,] && !window.XMLHttpRequest; if(isIE6){ var style = elem.style, dom = '(document.documentElement)', left = l - document.documentElement.scrollLeft, top = t - document.documentElement.scrollTop; style.position = 'absolute'; style.removeExpression('left'); style.removeExpression('top'); ...
1.3秒后自动返回 代码如下: 3秒后自动返回 var second = document.getElementById('totalSecond').textContent; if (navigator.appName.indexOf("Explorer") > -1) //判断是IE浏览器还是Firefox浏览器,采用相应措施取得秒数 { second = document.getElementById('totalSecond').innerText; } else { second = document.getElementById('totalSecond').textContent; } setInterval("redirect()", 1000); //每1秒钟调用redirect()...
1、将小数点清零: 代码如下:function returnFloat0(value) { value = Math.round(parseFloat(value)); return value;}2、保留一位小数点: 代码如下:function returnFloat1(value) { value = Math.round(parseFloat(value) * 10) / 10; if (value.toString().indexOf(".") < 0) { value = value.toString() + ".0"; } return value;}3、保留两位小数点 代码如下:function returnFloat2(value){ value...
项目中需要用到HTML5模糊图像,以前用GDI,GDI+中都有现成的组件来实现,HTML5中如何实现?1.createImageData()2.getImageData()3.putImageData()以上3个函数即可实现,用法和奥义,自己百度吧,我就不重复叙述了,没多大的意义。 以下是实现模糊算法的JS,其实还有种2B级算法就是分布矩阵,这样效率提高很多倍,不过效果很差,羽化的效果不强。实现代码: 代码如下:var mul_table = [ 512,512,456,512,328,456,335,512,405,...
代码如下:Insert title herespan{width: 60px;height: 20px;display: inline-block;border: solid 1px black;text-align: center;margin: 5px;cursor:pointer;} var arr=new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17); /* 显示那一页的内容 arr内容数组,那页的从哪条开始显示的,len就是每页显示内容条数 */ function pageCon(arr,start,len){ var constr=''; for(var i=start;i if(arr[i-1]){ constr+=arr[i...
1、利用图片width显示位置来播放图片,技术:.offsetWidth 、aBtn[i].index = i 、setInterval() 、oUl[0].style.left = 、onclick()2、利用数组放入图片经行轮播,技术:setInterval()。没有onclick() 图片轮播12js.html 代码如下: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> images slide * { margin: 0px; padding: 0px; } li { list-style: none; } img { border: 0; } a { text-decorat...
预览表单,查看后确认提交或者返回重填XML/HTML Code代码如下: JavaScript Code代码如下: $(document).ready(function() { $('#myform').previewForm(); }); previewForm.js代码如下:(function($){ $.fn.previewForm = function(options){ var form_settings = $.extend({ identifier : 'label', show_password : true, extratext : 'Do You Want To submit', yes : 'yes', no : '...
代码如下://已经验证过// JavaScript Document//使用说明: //设置缓存:setCookie("name",value);//获取缓存:var name=getCookie("name");//删除缓存:delCookie("name");///设置cookiefunction setCookie(NameOfCookie, value, expiredays){ //@参数:三个变量用来设置新的cookie: //cookie的名称,存储的Cookie值, // 以及Cookie过期的时间. // 这几行是把天数转换为合法的日期 var ExpireDate = new Date (); ExpireDate.setTim...
html部分代码如下: js部分代码如下: $(document).ready(function(){ setInterval(function(){ $(".time_wrap").each(function(){ var Obj = this; var EndTime = new Date(parseInt($(Obj).attr('value')) * 1000); var NowTime = new Date(); var nMS=EndTime.getTime() - NowTime.getTime(); var nD=Math.fl...