功能：zhou en ce同学最近写了个基于jquery的信息弹出插件showInfoDialog，该插件对背景进行遮罩，然后弹出信息显示框，信息显示种类包括： 一、信息种类说明： 1.1、操作成功信息1.2、错误信息1.3、警告信息1.4、通知信息二、使用说明 代码如下: Insert title here var options = { 'dialogType' : 'info', 'theme' : 'info', 'message' : '数据加载完成！', 'refresh' : false }; $("#test").showInfoDialog(options...
使用方法：下载jquery-1.9.1.js，然后设置CSS，图片文件放在images/new_feed/目录下，图片命名格式为bg_x.jpg,修改随机数产生范围 一、CSS代码代码如下: body{ padding:0; background-attachment: fixed; background-clip: border-box; background-color: #666666; background-origin: padding-box; background-position: center top;...
我先把CSS样式放出来，其实这个可以直接忽略 代码如下: body{margin:0;padding:0;font-size:12px;font-family:微软雅黑;} .datagrid{width:100%;} .datagird tr th{background-color:#191970; font-size:14px;} .datagrid tr th, .datagrid tr td{border:1px solid #ccc; border-collapse:collapse;} /* 选中行样式 */ .table-row-selected{background:#fff68f;} 我们再来看页面HTML结构 代码如下: ID 标题 发布人 发布时间...
jquery控制CSS样式，并且取消Css样式（如背景色） $("#tab1").css("background-color", ""); $("#" + left_tabid).css("background-color", "#025891");
效果如下： 代码如下: .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...
代码如下: StripingTable $(document).ready(function() { $("#orderedlist tbody tr").hover(function() { // $("#orderedlist li:last").hover(function() { $(this).addClass("blue"); }, function() { $(this).removeClass("blue"); }); }); .blue { background:#bcd4ec; } 姓名 年龄 QQ Email 邓国梁 23 31540205 gl.deng@gmail.com 邓国梁 23 31540205 gl.deng@gmail.com 邓国梁 23 31540205 gl.den...
代码如下: #p1{ background-color:Red ; width:40px; border:solid 1px yellow ; margin:5px; float:left} #p2{background-color:Yellow ;width:40px; border:solid 1px red; margin:5px; float:left} #p3{background-color:Blue;width:40px; border:solid 1px yellow; margin:5px; float:left} $(function () { if ($.cookie("bgcolor")) { $("body").css("background-color", $.cookie("bgcolor")); } $("p").click(fun...
代码如下: 维护中... *{ margin:0; padding:0; } body{ text-align:center; background:yellow; } #container{ width:962px; height:auto; background:url(b3.jpg); margin:0px auto; } #head{ height:100px; width:100%; } .head_ul{ list-style:none; margin-left:200px; } .head_ul li{ float:left; width:90px; height:50px; line-height:40px; font-size:20px; margin-top:40px; background:url(b1.png); } .head_ul li ...
id为tr的ID 设置当前选择行背景色，同时置其他行背景为另一种颜色 代码如下:$(#id).css("background-color", "#e5e5e5").siblings().css("background-color", "#FFFFFF");
代码如下: "http://www.w3.org/TR/html4/strict.dtd"> jQuery背景墙聚光灯效果代码 $(window).load(function(){ var spotlight = { // the opacity of the "transparent" images - change it if you like opacity : 0.2,/*the vars bellow are for width and height of the images so we can make the same size */ imgWidth : $('.spotlightWrapper ul li').find('img').width(), imgHeight : $('.spot...
有些时候，我们可以为用户提供很贴心的功能，比如判断用户是什么时候来访问的，然后给出一句问候，晚上好，下午好之类的。并且更换网页的背景颜色，比如晚上的时候就可以用满天星星的背景，白天就用阳光灿烂，或者特定节日就用该主题背景，让你的网站显得非常灵活，不枯燥。 下面就如何实现背景更换给出一种解决方法： 如何实现 很简单，下面是 JQuery 代码：代码如下:function doChangeBkg(){ var bkgUrl=$("#inputBkgUrl").val()...
效果图： html链接： 代码如下: 注册 css: 代码如下: img{ border:0px;} #registerwindow{ width:600px; height:400px; top:50px; right:100px; background:#FFF; display:none; border:5px #999 solid; position:absolute; z-index:999;} #modelshade{width:100%; height:100%; background:#000; display:none; position:absolute; top:0px; z-index:0;} 一：创建和调用模式窗口 代码如下: 注册 1.创建一个jQuery语句...
这段时间在做开发时，用到了JQuery弹出炫丽对话框，背景变灰色。特地和大家分享分享。 先看效果图： 代码如下： 代码如下: JQuery弹出框，背景变灰色 $(document).ready(function(e) { $( "#reviews" ).bind('click',function(event) { $( "#checkandPass" ).dialog({ autoOpen: true, width: 765 , show: "blind", hide: "explode", modal: true,//设置背景灰的 }); $( "#checkandPass" ).dialog( "open" ); return true...
我们在浏览一些网站，尤其是一些小说网站的时候，都会有修改页面背景颜色的地方，这个功能使用jquery很容易实现。 效果图： show you code: 代码如下: jquery test white red green yellow $("button").click( function() { var color = this.value; $("body").css("background-color",color); } ) 我们先根据元素名选择我们要操作的对象：button，然后使用click方法找到被点击的按钮，然后在触发的事件中获取该按钮...
/*Javascript代码片段*///定义一个方法:这个方法控制浏览器页面背景色的切换变化 function myfunction(){$('body').toggleClass('bgcolor'); } //添加监控页面窗口变化的方法 $(window).resize(myfunction); //并且在页面加载时即调用 myfunction();