代码如下: //点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = "#ffffff"; //设置背景色 sTable.rows[i].onmouseover = resumeRowOver; //增...
代码如下: 维护中... *{ 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");
页面比较丑，只把功能实现了。^ ^ 代码如下: 模仿easyui dialog的效果 //取得页面元素 var getElement = function() { return document.getElementById(arguments[0]) || false; } function openDialog(dialogId) { var maskId = "mask"; //如果有，先删除原来的 if (getElement(dialogId)) { document.removeChild(getElement(dialogId));//删除操作：弹出的div } if (getElement(maskId)) { document.removeChild(getElement(m...
如下所示; 代码如下:无标题文档function change_bg(obj){ var a=document.getElementById("Menu").getElementsByTagName("a"); for(var i=0;i { a[i].className=""; } obj.className="current";}body{ font-size:17px; }.current{ background:red; }#container ul{ list-style-type:none;}#container ul li{ float:left; margin-right:3px;}#container ul li a{text-decoration:none;c...
示例如下： 代码如下:鼠标经过给tr换颜色 1 123 abvx 465465 546654654 1 123 abvx 465465 546654654 1 123 abvx 465465 546654654 function changeTrColor(obj){ var _table=obj.parentNode; for (var i=0;i _table.rows[i].style.backgroundColor=""; } obj.style.backgroundColor="blue";}JavaScript教程/参考手册 ...
如果你现在还在为背景透明文字不透明而发愁的话，建议你来看看。当然IE6我已经放弃了，所以不要说不用PNG8的图片这样在IE6下没有效果，当然你也可以用滤镜。本人不建议使用滤镜。因为这样可能会出现其它问题！（如无法点击等等问题）做前端最怕的就是BUG，特别是IE６。滚蛋IE6！本文的核心就是利用PNG32透明图片来做背景然后平铺背景就行了。这样就不会存在背景透明文字也透明了。这样做起来超级简单你们说呢！图片只需要调整透明度...
代码如下: window.alert = function(str) { var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute"; shield.style.left = "0px"; shield.style.top = "0px"; shield.style.width = "100%"; shield.style.height = document.body.scrollHeight+"px"; //弹出对话框时的背景颜色 shield.style.background = "#fff"; shield.style.textAlign = "center"; shield.style.zIndex = "25"...
代码如下:网页特效-窗口特效-弹出窗口后网页背景变暗的效果与之间.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}.white_content{display:none;position:absolute;top:25%;left:25%;width:50%;height:50%;padding:16px;border:3px solid orange;background-color:white;z-index:1002;overflo...
每当重大节日期间，各大主流网站首页会披上节日的盛装，设计者一般会使用大幅背景图片来获得更好的视觉冲击效果，当然，也要考虑到有些用户不习惯这大背景图，那么在背景图上放置“关闭”按钮是有必要的，用户只要点击“关闭背景”按钮，大幅背景图将会消失。 我们使用javascript来控制背景图片的显示和隐藏，当点击关闭按钮时，控制CSS使页面不加载背景图，同时记录COOKIE相关参数，并设置cookie的有效期，那么在cookie有效期内刷...
代码如下: "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...
今天有个朋友在weibo上问我可不可以用JS和CSS让页面每次刷新随机产生一张背景图，当然我的回答是可以的。具体可以这样做： 1、用JS定义一个图片数组，里面存放你想要随机展示的图片 代码如下: var imgArr=["http://www.google.com.hk/intl/zh-CN/images/logo_cn.png", "http://www.baidu.com/img/baidu_sylogo1.gif", "http://www.open-open.com/news/uploadImg/20120111/20120111081906_79.jpg", "http://www.open-open.com/news...
1、用JS定义一个图片数组，里面存放你想要随机展示的图片代码如下:ar imgArr=["http://www.gxlcms.com/logo_cn.png","http://www.gxlcms.com/baidu_sylogo1.gif","http://www.gxlcms.com/news/uploadImg/20120111/20120111081906_79.jpg", "http://www.gxlcms.com/news/uploadImg/20120111/20120111081906_76.jpg"];上面的图片请大家换成自己的。 2、用JS产生一个随机数，当然这个随机数从0开始到imgArr.length-1结束代码如下:var ...
获得网页的背景色和字体颜色，方法如下： 思想： 通过取得颜色属性值得到的是 rgb 色，不是我们想要的，所以需要将 rgb 色装换为 十六进制色 ，首先获得rgb色 ： 代码如下: var rgb = document.getElementById(color).style.backgroundColor； 得到格式如下： rgb(225, 22, 23); 然后进行拆分： 代码如下: var rgb = rgb.split(()[1]; //拆分后为 [rgb, 225,22,23)]形式，长度为2的数组 再将 （225,22,23）字符串进行拆分（注意...
有些时候，我们可以为用户提供很贴心的功能，比如判断用户是什么时候来访问的，然后给出一句问候，晚上好，下午好之类的。并且更换网页的背景颜色，比如晚上的时候就可以用满天星星的背景，白天就用阳光灿烂，或者特定节日就用该主题背景，让你的网站显得非常灵活，不枯燥。 下面就如何实现背景更换给出一种解决方法： 如何实现 很简单，下面是 JQuery 代码：代码如下:function doChangeBkg(){ var bkgUrl=$("#inputBkgUrl").val()...