【使用javascript设置背景图像】教程文章相关的互联网学习教程文章

Jquerychange(fontsize,background)改变颜色与背景的代码_jquery

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...

js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色_javascript技巧

后台代码 代码如下: /// /// 数据行绑定事件 /// /// /// 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...

JavaScript点击页面上的按纽,弹出层,背景变灰_javascript技巧

点击页面上的按纽,弹出一个层,背景变灰 点击页面上的按纽,弹出一个层,背景变灰 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实现背景图片感应鼠标变化的方法_javascript技巧

本文实例讲述了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实现在页面随时自定义背景颜色的方法_javascript技巧

本文实例讲述了JS实现在页面随时自定义背景颜色的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS实现在页面随时自定义背景颜色//以下代码将输入框及其所在的层写进窗口。 document.writeln(''); document.writeln('输入颜色代码可以即时改变背景色'); document.writeln(''); document.writeln(''); function cbgcolor(color){ //change background colorif (color != '')document.bgColor=(''+color+''); //设置背...

JavaScript实现点击单元格改变背景色的方法_javascript技巧

本文实例讲述了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实现点击登录弹出窗口同时背景色渐变动画效果_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实现的漂亮渐变背景特效代码(6个渐变效果)_javascript技巧【图】

本文实例讲述了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技巧

本文实例讲述了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

本文实例讲述了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...

让IE支持RGBa的背景色的代码_javascript技巧【图】

上代码: 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! [...

JavaScript判断窗口是否最小化的代码(跨浏览器)_页面背景

代码如下: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; }

js新浪首页可关闭背景效果代码_页面背景

新浪首页可关闭背景效果代码 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...

纯js实现背景图片切换效果代码_javascript技巧【图】

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代码_javascript技巧

这段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...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部