本文实例讲述了js随机生成网页背景颜色的方法。分享给大家供大家参考。具体实现方法如下:代码如下: 随机生成网页背景颜色的JS特效.30pt{font-size:30pt;color:#de3076}color=new Array("0","3","6","9","C","F"); speed=250; document.bgColor="FFFFFF"; bg=new Array("FFFFFF","FFFFFF","FFFFFF"); function begin() { document.form.col1.value=" X "; document.form.col2.value=" X "; document.form.col3.value=" X "; i=0; r...
本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法。分享给大家供大家参考。具体实现方法如下:代码如下:js+CSS弹出居中的背景半透明div层body{margin:0px;} #bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000; display:none;} #popbox{position:absolute;width:400px; height:400px; left:50%; top:50%; margin:-200px 0 0 -200px; display:none;...
本文实例讲述了JS实现往下不断流动网页背景的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS实现的往下不断流动的网页背景var backgroundOffset = 0; //背景图片的偏移量 var bgObject = eval('document.body'); //得到文挡本身的对象 function scrollBG(maxSize) { //这个函数就是滚动背景的核心 backgroundOffset = backgroundOffset + 1; //将背景偏移加1点 if (backgroundOffset > maxSize) backgroun...
本文实例讲述了JS实现网页背景颜色与select框中颜色同时变化的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS实现网页背景颜色与select框中的颜色同时变化colors = new Array('#FFFFFF','#FFCCFF','#FF99FF','#FF66FF','#FF33FF','#FF00FF','#FFFFCC','#FFCCCC','#FF99CC','#FF66CC','#FF33CC','#FF00CC','#FFFF99','#FFCC99','#FF9999','#FF6699','#FF3399','#FF0099','#FFFF66','#FFCC66','#FF9966','#FF6666','#FF...
本文实例讲述了js根据鼠标移动速度背景图片自动旋转的方法。分享给大家供大家参考。具体实现方法如下:代码如下:js实现图片快速旋转围绕的鼠标var images='/favicon.ico'; var amount=7; var speed=1; var RunTime = 0; var cntr=0; var xcntr=100; var pulse=25; var Xpos = 0; var Ypos = 0; var _y; var temp; /*If you use an image larger or smaller than the one I've used the cursor will be off center.Alter the 2 vari...
本文实例讲述了js实现点击图片改变页面背景图的方法。分享给大家供大家参考。具体实现方法如下:代码如下:点击图片即改变页面的背景图片function tile(){ if (!document.all) return var source=event.srcElement if (source.tagName=="IMG") document.body.style.backgroundImage="url("+source.src+")" } function restore(){ document.body.style.backgroundImage='' } document.body.ondblclick=restore 希望本文所述对大家的j...
本文实例讲述了js实现宇宙星空背景效果的方法。分享给大家供大家参考。具体实现方法如下:代码如下:宇宙星空背景效果,Js特效.star { position:absolute; layer-background-color:white; visibility:visible; top:-50px; width:50px; height:50px; font-size:1px; background-color:white; } .60pt{font-size:60pt;color:#ff66cc;}var starnum = 75; // 星星的数目 var isNS = (document.layers); var _all = (isNS) '' : 'all.'; ...
本文实例讲述了JS烟花背景效果实现方法。分享给大家供大家参考。具体实现方法如下:代码如下:又一个很酷的JS烟花背景特效var fireworks = function(){this.size = 20;this.rise(); } fireworks.prototype = {color:function(){var c = ['0','3','6','9','c','f'];var t = [c[Math.floor(Math.random()*100)%6],'0','f'];t.sort(function(){return Math.random()>0.5-1:1;});return '#'+t.join('');},aheight:function(){var h = do...
本文实例讲述了JS+CSS实现Div弹出窗口同时背景变暗的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS+CSS实现的Div弹出窗口,同时背景变暗function locking(){ document.all.ly.style.display="block"; document.all.ly.style.width=document.body.clientWidth; document.all.ly.style.height=document.body.clientHeight; document.all.Layer2.style.display='block'; } function Lock_CheckForm(th...
本文实例讲述了jQuery定义背景动态切换效果的方法。分享给大家供大家参考。具体如下: 通过下面的jQuery插件,你可以将图片放在一个数组里,然后告诉jQuery图片需要在什么地方背景轮换(function($){var defaultSettings;var divfg, divbg;var fadeInterval;var fqTimer;var currImg = 0;var displImg = 0;var running = false;// Setup settings and initialize the plugin$.fn.bgFade = function(settings, callback){defaultSett...
本文实例讲述了JS修改iframe页面背景颜色的方法。分享给大家供大家参考。具体如下: 下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色function changeStyle() { var x=document.getElementById("myframe"); var y=(x.contentWindow || x.contentDocument); if (y.document)y=y.document; y.body.style.backgroundColor="#0000ff"; }Your browser does not support iframes.希望本文所述对大家的javascript程...
很简单的一段背景颜色时刻发生变化的代码Document#dv {width: 100px;height: 100px;}window.onload=function(){var oDv = document.getElementById('dv');oDv.style.backgroundColor='red'setInterval(function(){var arrRandNumber = [getRandomNumber(0,255),getRandomNumber(0,255),getRandomNumber(0,255) ];oDv.style.backgroundColor='rgb('+arrRandNumber[0]+','+arrRandNumber[1]+','+arrRandNumber[2]+')'function getR...
本文实例讲述了JavaScript动态修改背景颜色的方法。分享给大家供大家参考。具体如下:Background Color Changer希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了JavaScript让网页出现渐隐渐显背景颜色的方法。分享给大家供大家参考。具体如下:javascript渐隐渐显的背景颜色 A:hover {color: #00FFFF}var Color= new Array("ff","ee","dd","cc","bb","aa","99","88","77","66","55","44","33","22","11","00"); function fadeIn(n) { if (n >= 1) { document.bgColor="#" +"00"+ Color[n] +"00"; n -= 1; setTimeout("fadeIn("+n+")", 100); } else{setTimeout('fadeOut(1)', ...
一.backstretch插件功能 优化网站外观。主要用于设置页面背景图片,也可以设置html元素的背景图片。背景图片可以设置多张,在间隔时间内循环显示。 注 但是在设置背景图片时,如果图片过大,网站使用的资源又受到限制时,应压缩图片的大小。不然图片的加载会非常缓慢。我测试了官方网站的demo,图片都比较大,有的图片在400kb以上,在虚拟空间中打开网站,图片加载有点慢。 插件demo的截图效果不明显,所以不在本文贴出,大家可以去...