代码如下: //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 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,特别是IE6。滚蛋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()...