代码如下: $("#firefoxicon").click(function() { $("#window1").chinaz({ windowtitle: "firefox", windowpositiontop: "center", windowpositionleft: "center", windowwidth: 500, windowheight: 500, windowanimation: "easeoutcubic" });}); 轻松设置弹出层的效果,和弹出方...
代码如下:404 Not Found 找不到指定的页面 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; } setInter...
代码如下: $(function() { var page = 1; var i = 1; var conheight = $('.con li').height(); var lilen = $('li').length; var len = Math.ceil( lilen / i ); alert(conheight+ " " + len); //alert("page:"+page+" i:"+i+" conheight:"+conheight+" lilen:"+lilen+" len:"+len) $('.next').click(function() { if( page == len){ alert("已经到底不能再在操作！"); return false; } $('.con_list').animate({top:'-=' + conh...
在网页设计过程中，经常遇见按钮的各状态效果。写了一个jquery扩展，使这个过程更方便！ 使用前注意引用Jquery； JqueryExtend.js： 代码如下: (function ($) { // Button按钮的三种样式替换，如果isState参数为True则记录按下状态 $.fn.btnEffect = function (normal, mouseover, mousedown, isState) { var lastButton; this.each(function () { $(this).bind({ mouseover: function () { if (this != lastButton || !isState) ...
代码如下: //采用jquery easyui loading css效果 function ajaxLoading(){ $("").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("").html("正在处理，请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); } function ajaxLoadEnd(){ $(".datagrid-mask").remove(); $(".d...
今天又次体会到jquery的强大了，做了个多级复选框的效果，代码总共就20+行就over了。 我又想用js来做一个看看，才写了几个方法就写不动了，兼容性要考虑很多，而且代码量直线上升。 主要分享下jquery的这个效果的实现。代码块分两块： 一是全选的效果，就是点击全选的复选框时它的子孙都相应被选中或者未选中。这人很好做，代码如下： 代码如下: evtEle.parent().next(".checks").find("input:checkbox").attr("checked", evtEle[...
隐藏模态窗口技术是一种很好的解决方案，用于处理不是特有必要出现在网页上的界面元素。社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表单。在博客和杂志网站也适用于与主网站分开的作者登陆页面，模态窗口比在JavaScript中创建新窗口更容易，因为使用HTML标记显示，所有 的东西能都呈现在同一个窗口中。 我将演示如何利用jQuery插件leanModal建立一个常规模态窗口。如果你有MIT general license，那么这个插件是...
代码如下: *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ text-indent:15px;} $(function(){ $("h5.head").toggle(function(){ $("div.content").fadeOut(3000); },function(){ $("div.content").fadeIn(3000); }); }) 什么是jQuery? JQuery是继prototype原型之...
代码如下: [code] *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ text-indent:15px;} $(function(){ $("h5.head").hover(function(){ $("div.content").slideUp(3000); },function(){ $("div.content").slideDown(3000); }); }) 什么是jQuery? JQuery是继protot...
代码如下://animationjQuery.extend({ easing: { // ******* back backEaseIn: function (p, n, firstNum, diff) { var c = firstNum + diff; var s = 1.70158; // default overshoot value, can be adjusted to suit return c * (p /= 1) * p * ((s + 1) * p - s) + firstNum; }, backEaseOut: function (p, n, firstNum, diff) { var c = firstN...
1.标签需要依此引用metrojs.css、jquery.js、metro.js，代码demo如下 代码如下: 下面贴出完整的代码： 代码如下: 简单的metro demo 每一个liveTile都应该有两个div，分别作为两个画面 我是第一个liveTile 我是第一个liveTile的第二张脸哦. 我是第二个liveTile 下面放张图片试试 $(document).ready(function () { $(".live-tile").liveTile(); }); 想弄个iframe来显示效果，但没办法弄，而且...
效果如下： 代码如下: .nav{height:40px; width: 100%;background: #E6E6E6;} .nav ul li{float: left;list-style: none;margin-right: 20px;line-height: 40px;} .nav ul li a{text-decoration: none; display: block;width: 60px; text-align: center;} .onNav{font-weight: bold;color:#fff; background: #ccc;} 首页 博客 论坛 关于 联系 $(".nav ul li a").click(function(){if($(this).has(".onNav")){ $(th...
基本动画代码：代码如下:Hello World jQuery! $(document).ready(function(){ //基本的动画函数主要分为show, hide和toggle三个. 都提供了无参数的版本//并且都提供了两个参数的重载，如show( speed, [callback] ), //callback,签名如下:function callback() {this;}在回调函数中的this 是执行此函数的DOM 对象. 会在动画结束时执行.//因为回调函数可以省略, 所以可以传入一个数值作为唯一参数, 则会在参数规定的时间内用动画效果的...
代码如下: 当把鼠标移动到盒子上的时候上面就会出现一个黑色的盒子这是在浏览网页的时候看到的一个效果在这里写了一下
代码如下: $(function(){ countDown("2015/9/8 11:11:59","#colockbox1"); }); function countDown(time,id){ var day_elem = $(id).find('.day'); var hour_elem = $(id).find('.hour'); var minute_elem = $(id).find('.minute'); var second_elem = $(id).find('.second'); //if(typeof end_time == "string") var end_time = new Date(time).getTime(),//月份是实际月份-1 sys_second = (end_time-new Date().getTime())/1000...