舍力
静以修身。
-
简单实现网页弹出窗口代码 如何利用网页弹出各种形式的窗口，我想大家大多都是知道些的，但那种多种多样的弹出式窗口是怎么搞出来的，平时利用业余时间整理了一些，需要的朋友可以参考一下；其实代码非常简单： <script LANGUAGE="javascript"> <!-- window.open ("http://www.shuyong.net") --> </script> 因为着是一段javascripts代码，所以它们应该放在<script LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来；要养成这个好习惯啊。window.open ("http://www.shuyong.net") 用于控制弹出新的窗口http://www.shuyong.net，如果http://www.shuyong.net不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。 这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 -
js实现div区域块伸缩效果 JavaSCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧。js代码如下： <script type="text/javascript"> jQuery(function($){ if ($('div.sheli').length) { $('div.sheli').find('.list:gt(0)').hide(); $('div.sheli').find('h2').on('click', function(){ $(this).next('.list').slideToggle(); })}}) </script> 详细方法请查看演示
-
分享一段JS烟花背景特效代码 夜空很多烟花，JS烟花特效，网面上的烟花效果，很不错哦，效果还有进一步优化的可能，希望大家和我一起完善它们。JavaScript烟花特效代码，与您分享，直接放入你需要放置的位置即可，代码如下： <script>var fireworks = function(){this.size = 20;this.rise();} fireworks.prototype = {color:function(){var c = ;var t = ,'0','f'];t.sort(function(){return Math.random()>0.5?-1:1;});return '#'+t.join('');}, aheight:function(){var h = document.documentElement.clientHeight-250;return Math.abs(Math.floor(Math.random()*h-200))+201;}, firecracker:function(){var b = document.createElement('div');var w = document.documentElement.clientWidth;b.style.position = 'absolute';b.style.color = this.color();b.style.bottom = 0;b.style.left = Math.floor(Math.random()*w)+1+'px';document.body.appendChild(b);return b;},rise:function(){var o = this.firecracker();var n = this.aheight();var c = this.color;var e = this.expl;var s = this.size;var k = n;var m = function(){o.style.bottom = parseFloat(o.style.bottom)+k*0.1+'px';k-=k*0.1;if(k<2){clearInterval(clear);e(o,n,s,c);}} o.innerHTML = '.';if(parseInt(o.style.bottom)<n){var clear = setInterval(m,20);}},expl:function(o,n,s,c){var R=n/3,Ri=n/6,Rii=n/9;var r=0,ri=0,rii=0;for(var i=0;i<s;i++){var span = document.createElement('span');var p = document.createElement('i');var a = document.createElement('a');span.style.position = 'absolute';span.style.fontSize = n/10+'px';span.style.left = 0;span.style.top = 0;span.innerHTML = '*';p.style.position = 'absolute';p.style.left = 0;p.style.top = 0;p.innerHTML = '*';a.style.position = 'absolute';a.style.left = 0;a.style.top = 0;a.innerHTML = '*';o.appendChild(span);o.appendChild(p);o.appendChild(a);} function spr(){r += R*0.1;ri+= Ri*0.06;rii+= Rii*0.06;sp = o.getElementsByTagName('span');p = o.getElementsByTagName('i');a = o.getElementsByTagName('a');for(var i=0; i<sp.length;i++){sp.style.color = c();p.style.color = c();a.style.color = c();sp.style.left=r*Math.cos(360/s*i)+'px';sp.style.top=r*Math.sin(360/s*i)+'px';sp.style.fontSize=parseFloat(sp.style.fontSize)*0.96+'px';p.style.left=ri*Math.cos(360/s*i)+'px';p.style.top=ri*Math.sin(360/s*i)+'px';p.style.fontSize=parseFloat(sp.style.fontSize)*0.96+'px';a.style.left=rii*Math.cos(360/s*i)+'px';a.style.top=rii*Math.sin(360/s*i)+'px';a.style.fontSize=parseFloat(sp.style.fontSize)*0.96+'px';} R-=R*0.1;if(R<2){o.innerHTML = '';o.parentNode.removeChild(o);clearInterval(clearI);}}var clearI = setInterval(spr,20);}} window.onload = function(){function happyNewYear(){new fireworks();}setInterval(happyNewYear,1000);}</script>
-
一行JS代码给实现Blog页面下雪效果 一行JS代码给实现Blog页面下雪效果,阅读一行JS代码给实现Blog页面下雪效果，正如你在我的博客上看到的，全屏，以为本站背景是纯白，看不到雪花，所以本博客已经修改了雪花的颜色(把代码中的这个颜色修改一下即可flakeColor: "#AFDAEF")，代码如下（本代码需要加载jquery，如果你的博客没有加载，请直接把<script type="text/javascript" src="http://1218.sheli.sinaapp.com/js-sheli/jquery.min.js"></script>放入你的博客<head></head>之间）： <script>(function($){$.fn.snow = function(options){var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('❄'),documentHeight= $(document).height(),documentWidth= $(document).width(),defaults = {minSize:10,maxSize:20,newOn:1000,flakeColor: "#AFDAEF"},options= $.extend({}, defaults, options);var interval= setInterval( function(){var startPositionLeft = Math.random() * documentWidth - 100,startOpacity = 0.5 + Math.random(),sizeFlake = options.minSize + Math.random() * options.maxSize,endPositionTop = documentHeight - 200,endPositionLeft = startPositionLeft - 500 + Math.random() * 500,durationFall = documentHeight * 10 + Math.random() * 5000; $flake.clone().appendTo('body').css({left: startPositionLeft,opacity:startOpacity,'font-size': sizeFlake,color: options.flakeColor}).animate({top: endPositionTop,left: endPositionLeft,opacity: 0.2},durationFall,'linear',function(){$(this).remove()});}, options.newOn);};})(jQuery);$(function(){$.fn.snow({minSize:5,maxSize:50,newOn:300});});</script> 把上面代码直接放入你想要放入的地方，当然也可以直接放入你的js文件中（ps：主要要去掉<script></script>）