功能: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...
我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式。 首先我们要用到一个js,代码如下: 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML . * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ * Version: 0.0.8a * Licensed under the MIT License: http://dill...
使用方法:下载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;...
网页百叶窗特效代码window.innerHeight) clearInterval(stopit) } else if (document.all){ clipbottom-=speed for (i=1;i[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
分享一个来自corpse的固定背景滚动特效,使用background-attachment: fixed和导航菜单,页面会非常平滑的滚动。 HTML 代码如下:<p id="cbp-fbscroller" class="cbp-fbscroller"> <nav> <a href="#fbsection1" class="cbp-fbcurrent">Section 1</a> <a href="#fbsection2">Section 2</a> <a href="#fbsection3">Section 3</a> <a href="#fbsection4">Section 4</a> <a href="#fbsection5">Section 5</a> </nav> <section i...
非背景图片可以用img的onerror 来判断,但是背景图片呢,刚无意中发现一个方法,目测可行,但不确定是否始终可行。 代码如下: var img=new Image(); img.src="图片地址"; if(img.width==0){//表示图片加载失败了} else{//成功了} 这方法一般情况下可行,但是为测试过图片很大或者加载速度很慢的时候是否可行。
1,按钮样式 代码如下:org_Color=document.bgColor.substring(1.10)2,下拉样式 代码如下:灰色的黑的色淡紫蓝太阳黄淡红橘苹果绿草原绿橄榄色天空蓝蓝绿色墨绿色米白色3,触碰样式 代码如下:function backcolor(form){temp = ""for (var i = 0; i temp = form.color[i].valueif (form.color[i].checked){ document.bgColor = temp }}} function randombackground(){document.bgColor = getColor()} function getColor(){currentdat...
我先把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 标题 发布人 发布时间...
代码如下: JavaScript var n = 0; function showTable(len) { wi(''); for (i=0;i if (parseInt(i%2)==1) { bg = '#F4FAC7'; } else { bg = 'white'; } wi('第'+(i+1)+'行'); } wi(''); wi(''); } function wi(str) { return document.write(str); } showTable(10); var add = document.getElementById("add"); add.onclick = function() { n = n+1; ...
提供一个背景图片策略: 1,背景图片固定 2,随窗口大小改变而改变大小 3,保持比例不变而缩放 支持浏览器:IE 6,7,8,9+ ,FF,Chrome 演示地址:http://www.einino.net/bg_image.html 代码如下: body{margin:0; padding:0;height:2000px; } #background_img{ top:expression(documentElement.scrollTop); /*we need this expression to fixed the top*/ } 代码如下: /** *@desc make a fixed background image. resize the imag...
效果如下: 代码如下: .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...
代码如下: .curr{background:blue;display:inline;} 1 在alabel.js中: 代码如下: window.onload = function () { var aspan = document.getElementsByTagName("span"); var i = 0; for (i = 0; i { aspan[i].onclick = function () { for (i = 0; i this.className = "curr"; }; } }; 这样就可以实现在点击a标签的时候给其添加红色的背景。 注意:curr的属性中display不能是block,否则添加的背景是一整行。JavaS...
代码如下: #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...
采用Javascript实现,用鼠标点击相应颜色,动态改变网页背景颜色 这是截图相应的Javascript源代码为:代码如下:var hex = new Array(6) hex[0] = "FF"hex[1] = "CC"hex[2] = "99"hex[3] = "66"hex[4] = "33"hex[5] = "00"function display(triplet) {document.bgColor = # + triplet}function drawCell(red, green, blue) {document.write()document.write()document.write()document.write()document.write()}function drawRow(re...