本文实例讲述了js实现点击按钮后给Div图层设置随机背景颜色的方法。分享给大家供大家参考。具体如下: 给myDiv设置随机背景颜色,用随机颜色代码赋值给DIV的背景颜色js设置随机颜色 function getcl(){var arr = []//定义一个空的数组i =0;//为while循环定义i的初始值C = '0123456789ABCDEF';//定义颜色代码的字符串while(i++ 输出cl测试一下结果//下面开始给div的背景颜色赋值function setColor(){//新建一个设置颜色的函数setCol...
本文实例讲述了javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法。分享给大家供大家参考。具体分析如下: 这里点击按钮后,弹出一个可关闭的层窗口,随之网页背景变灰,在QQ网站上经常会看到QQ登录的效果,就和这个很类似,代码段基于JavaScript,根据你的情况使用,有时候是用CSS完成的这种功能。弹出一个层,页面变灰function alertWin(title, msg, w, h){ var titleheight = "23px"; // 窗口标题高度 var bor...
bgStretcher 2011 (Background Stretcher)是一个jQuery的插件,可以为你的网页添加多张背景图,且多个背景图能够自动切换,同时背景图大小可以自适应浏览器窗口的大小。背景图的切换效果有淡入淡出,滚动,幻灯,其中选用滚动和幻灯时,可以选择方向,上下左右,或者左上右下,右上左下。图片切换顺序也可以设置正向,反向或者随机。更多选项就看你自己慢慢研究了。 bgStretcher是一个jQuery插件,它允许你添加一个大图像(或一组图...
本文实例讲述了javascript背景时钟实现方法。分享给大家供大家参考。具体如下: 以下是这个效果的全部代码。[最好从一个空页面开始]背景时钟 '+thistime+'') document.bgclocknoshade.document.write(''+thistime+'') document.close() } var timer=setTimeout("clockon()",200) } //说明:时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值,LEFT表示距离左侧的象素值。 希望本文所述对大家的javascr...
本文实例讲述了javascript随机显示背景图片的方法。分享给大家供大家参考。具体如下: 将以下代码加入HTML的之间:bg = new Array(2); //设定图片数量,如果图片数为3,这个参数就设为2,依次类推 bg[0] = 'bg1.gif' //显示的图片路径,可用http:// bg[1] = 'bg2.gif' bg[2] = 'bg3.gif' index = Math.floor(Math.random() * bg.length); document.write("");希望本文所述对大家的javascript程序设计有所帮助。
这篇文章主要介绍了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法,涉及javascript针对页面元素样式及属性的相关操作技巧,需要的朋友可以参考下:这个是html代码:<p class="contain"><p class="inputFullNameContain"><input class="inputFullName" type="text" id="search_content" /> </p></p>下面是js代码: <script type="text/javascript" >(function () {var id = document.getElementById(search_content);...
本文实例讲述了jQuery动态背景图片效果实现方法。分享给大家供大家参考。具体如下: 这里把背景图片按照1.jpg - 20.jpg放到目录里,jQuery会随机调用这些图片作为背景$(document).ready(function(){bgImageTotal=20;randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;imgPath=('/my/image/path/'+randomNumber+'.jpg');$('h1').css('background-image', ('url("'+imgPath+'")')); });希望本文所述对大家的jquery程序设...
本文实例讲述了Javascript简单改变表单元素背景的方法。分享给大家供大家参考。具体如下: 这里使用Javascript改变表单元素的背景,如改变文本框的背景function colorChange(formName,formItem){document.forms[formName.name].elements[formItem.name].style.backgroundColor = "#FFFFFF"; }希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了jquery实现实时改变网页字体大小、字体背景色和颜色的方法。分享给大家供大家参考。具体如下: 这里使用jquery实时改变字体大小、字体背景色和颜色,JQUERY让很多事变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。 运行效果如下图所示:具体代码如下:$(document).ready(function() {$("#fontsize").change(function(){$("p"...
本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等,点击对应按钮,Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件,这一切都是在JS的动态控制下,比如无刷新切换网页风格的实现,可以以此为基础来扩展。 运行效果如下图所示:具体代码如下:点击按钮改变CSS样式*...
本文实例讲述了js点击列表文字,实现该行文字显示背景颜色的方法。分享给大家供大家参考。具体如下:JS控制li,鼠标点击时class自动加上,给列表文字产生自己喜欢的背景色的网页特效。 运行效果图如下:li{cursor:pointer;} .cur{background:red;}window.onload = function () {var aLi = document.getElementsByTagName("li");var i = 0; for (i = 0; i 1245希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了javascript实现网页背景烟花效果的方法。分享给大家供大家参考。具体如下: 这里的网页背景烟花爆炸特效,不用说是用Js实现的,配合黑色背景效果最好,五颜六色的烟花效果,四散的烟花效果,以前发过一些网页上的烟花特效,本款类似,但代码更简洁。 运行效果如下图所示:具体代码如下:背景的烟花效果var col = new Array('#ffffff','#fff000','#ffa000','#ff00ff','#00ff00','#0000ff','#ff0000'); var p=''; var ...
本文实例讲述了js实现仿网易点击弹出提示同时背景变暗效果。分享给大家供大家参考。具体如下: 这里仿网易点击弹出提示,背景变暗提示层效果,圆角,美观简洁,代码稍嫌多。 运行效果如下图所示:在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-dialog-bgcolor-codes/ 具体代码如下:点击弹出提示,背景变暗function msg(info){ var p=document.createElement("DIV"); if (!info) var info='欢迎光临'; p.id="p"; p.sty...
飘花效果的实现——效果图:查看演示 源码下载 需求: 一个jquery,,,这个看标题么就知道了 jQuery Transit还有这个东西http://github.com/rstacruz/jquery.transit jquery对一些效果的扩展 飘花的效果稍微复杂一点,有一定量的JavaScript代码,通过JS+CSS3的组合实现的。观察右边效果,可以大致分解飘花的实现飘花比人物的层级都高飘花数量非常多飘花会有一定的轨迹运动飘花带有渐变的效果飘花带有旋转的效果飘花落到地面会消失...
本文实例讲述了js实现的简单radio背景颜色选择器。分享给大家供大家参考。具体如下: 这里演示的js实现radio网页背景颜色选择器,只需点击对应颜色的radio单选框,就可以改变网页的背景颜色,简单方便,实用的javaScript网页特效。 运行效果如下图所示:在线演示地址如下: http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/ 具体代码如下:radio颜色选择器希望本文所述对大家的javascript程序设计有所帮助。