change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 豪情 p{line-height:23px;margin:0;padding:0;} $(function(){ $('#fontsize').change(function(){ var size = $('#fontsize').val(); $('p').css('font-size', size); }); $('#backgoundcolor').change(function(){ var bgc = $('#backgoundcolor').val(); $('p').css('backgrou...
后台代码 代码如下: /// /// 数据行绑定事件 /// /// /// protected void gvProduct_RowDataBound(object sender, GridViewRowEventArgs e) { try { if (e.Row.RowType == DataControlRowType.DataRow ) { GridViewRow row = e.Row; CheckBox ckb = row.Cells[0].FindControl("ckb") as CheckBox; Label ProductID = row.Cells[0].FindControl("lblProductID") as Label; //当鼠标停留时更改背景色 row.Attributes.Add("onmou...
点击页面上的按纽,弹出一个层,背景变灰 点击页面上的按纽,弹出一个层,背景变灰 function sAlert(str) { var msgw,msgh,bordercolor; msgw=400;//提示窗口的宽度 msgh=100;//提示窗口的高度 titleheight=25 //提示窗口标题高度 bordercolor= "#336699 ";//提示窗口的边框颜色 titlecolor= "#99CCFF ";//提示窗口的标题颜色 var sWidth,sHeight; sWidth=document.body.offsetWidth;//浏览器工作区域内页面宽度 sHeight=...
本文实例讲述了js实现背景图片感应鼠标变化的方法。分享给大家供大家参考。具体分析如下: 鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下:.dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#000000; } .dh a:hover{ background:#FF9900; } 导航1 导航2 导航3 导航4 导航5 $(fu...
本文实例讲述了JS实现在页面随时自定义背景颜色的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS实现在页面随时自定义背景颜色//以下代码将输入框及其所在的层写进窗口。 document.writeln(''); document.writeln('输入颜色代码可以即时改变背景色'); document.writeln(''); document.writeln(''); function cbgcolor(color){ //change background colorif (color != '')document.bgColor=(''+color+''); //设置背...
本文实例讲述了JavaScript实现点击单元格改变背景色的方法。分享给大家供大家参考,具体如下:出租信息 求租信息aaaaa bbbbb ccccc dddddvar oldClr = new Array() function SetColor(e) {if (!e) e = window.event;var objif(window.event)obj = e.srcElementelseobj = e.target if(obj.tagName != "TD") return var oldTD = objwhile( obj.tagName != "TR")obj = obj.parentNodevar ifor(i = 0;i更多关于JavaScript相关内容感兴趣...
本文实例讲述了JS实现点击登录弹出窗口同时背景色渐变动画效果。分享给大家供大家参考,具体如下:#login{position: relative;display: none;top: 20px;left: 30px;background-color: #ffffff;text-align: center;border: solid 1px;padding: 10px;z-index: 1;} body { background-color: #0099CC; } .STYLE1 {color: #FFFF00}var W = screen.width;//取得屏幕分辨率宽度 var H = screen.height;//取得屏幕分辨率高度 function M(i...
本文实例讲述了JS+CSS实现的漂亮渐变背景特效代码。分享给大家供大家参考,具体如下: 运行效果截图如下:具体代码如下:JS配合CSS实现的漂亮渐变背景特效6个实例var setGradient = (function() {var p_dCanvas = document.createElement('canvas');var p_useCanvas = !!(typeof(p_dCanvas.getContext) == 'function');var p_dCtx = p_useCanvas p_dCanvas.getContext('2d') : null;var p_isIE =/*@cc_on!@*/false;try {p_dCtx.ca...
本文实例讲述了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果。分享给大家供大家参考,具体如下:JavaScript弹出DIV层,页面背景渐变成半透明html,body{font-size:12px;margin:0px;height:100%;} .mesWindow{border:#666 1px solid;background:#fff;} .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;} .mesWindowContent{margin:4px;font-size...
本文实例讲述了jQuery通过写入cookie实现更换网页背景的方法。分享给大家供大家参考,具体如下:jquery更换网页背景(写入cookie) body,p,ul{margin:0;padding:0;}ul{float:right;height:40px;margin-top:20px;margin-right:20px;}ul li{list-style-type:none;float:left;width:20px;height:20px;margin-left:10px;cursor:pointer;}.skin{height:40px;position:fixed;background:#fff;border-bottom:solid 1px #cccc;top:0;left:0...
上代码: Demo #div1 { padding: 10px; width: 380px; height: 205px; background: url(/upload/201007/20100713220102894.jpg); } #div2 { color: #FFF; font-size: 40px; font-weight: bold; text-align: center; height: 205px; line-height: 205px; background: rgba(125, 0, 0, .3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B7D0000 ,endColorstr=#4B7D0000); } Hello world! [...
代码如下:function isMinStatus() { var isMin = false; if (window.outerWidth != undefined) { isMin = window.outerWidth <= 160 && window.outerHeight <= 27; } else { isMin = window.screenTop < -30000 && window.screenLeft < -30000; } return isMin; }
新浪首页可关闭背景效果代码 if(typeof(sina)!="object"){var sina={}} sina.$=function(i){if(!i){return null} return document.getElementById(i)};var sinaFlash=function(V,x,X,Z,v,z,i,c,I,l,o){var w=this;if(!document.createElement||!document.getElementById){return} w.id=x?x:'';var O=function(I,i){for(var l=0;l-1){w.ver=C}else{w.ver=v?v:C} w.ver=w.ver.replace(/\./g,',');w.__classid="clsid:D27CDB6E-AE...
html代码 代码如下: 背景切换 1234 因为javascript逻辑顺序比较强,所以要考虑引用js的位置 css代码 代码如下: body {font-size:12px;} div{ width:950px; height:800px; margin:0 auto; border:solid 1px #d0d0d0;} li{ list-style-type:none;border:solid 1px #d0d0d0; float:left; margin: 1px; padding:0 5px; height:12px; width:10px;} /*div{ width:6px; height:14px; margin:1px; padding:0 5px; float:left;...
这段JS放在head中 代码如下: //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i<sTable.rows.length;i++) //遍历除第一行外的所有行 { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = "#ffffff"; //设置背景色 sTable.rows[i].onmouseover = resumeRowOv...