JS实例:网页上图片延迟加载的JS代码

JS实例:网页上图片延迟加载的JS代码的相关文章

• 
  jquery.lazyload.js实现图片延迟加载插件

  标签：Web开发

  lazyload是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Lazy Load 灵感来自 Matt Mlinac 制作的 YUI...[ 查看全文 ]

  sunny硬汉男装

  251
• 
  利用JS控制网页音乐的代码实例

  标签：Web开发

  !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"HTMLHEADTITLE 在网页中插入音乐/TITLEMETA NAME="Generator" CONTENT="EditPlus"META NAME="Author" CONTENT=""META NAME="Keywords" CONTENT=""META NAME="Description" CONTENT=""script language=jscriptfunction runCode(obj) //定义一个运...[ 查看全文 ]

  qq531620267

  201
• 
  jquery 插件实现图片延迟加载效果代码

  标签：Web开发

  减少了页面加载的时间了，也减轻了服务器的压力，看了一下javascript源码，里面写的了lazyload，我就百度了一下，找到了一个jquery的实现这种效果的插件：jquery.lazyload，一个很不错的插件。 比如你打开一个比较大或者长的网页，那么Lazy load能够实现先加载您所看到区域的图片，等你滚动到哪里，就加载那里的图片。 如果你是图片网站，而且一个页面要加载很多图片，这个插件是个很不错的选择。 如何使用...[ 查看全文 ]

  BJBJabcd

  31
• 
  让google的JS广告代码不影响加载速度

  标签：Web开发

  做一些联盟广告时，由于联盟广告的加载慢，整体页面的显示速度也会变慢，从而影响用户体验，如果加入下面的代码就可以有效地解决这个问题。 第一步：把这段代码放在你要放广告的网页位置： SPAN id=ad_01广告载入中.../SPAN 第二步：把这段代码放到页底 SPAN class=spanclass id=span_ad_01这里放广告的JS代码或其他加载速度比较慢的内容都可以. /SPANSCRIPTad_01.innerHTML=span_ad_01....[ 查看全文 ]

  恒霸皮草

  61
• 
  JS图片压缩–图片后加载后按比例缩放

  标签：Web开发

  原理：图片加载完后把图片的尺寸固定在一个固定的范围之内。。 JS Code： script type="text/javascript" var proMaxHeight=100; var proMaxWidth=100; function ImgAuto(ImgD) { var image=new Image(); image.src=ImgD.src; image.onload = function(){ if(image.width0&&image.height0) { var rate=(proMaxWidth/image.widthproMaxHeight/image.height)？proMaxWidth/image.width:proMaxHeig...[ 查看全文 ]

  okscvdsv

  381
• 
  js代码解密

  标签：Web开发

  解密是很简单的问题，方法： 编写一个a.html，内容如下： textarea name=id_code style='width:100%;height:500'/textarea script language=javascript src=mapbarapi.js/script 修改下载到本地的mapbarapi.js文件，把第316个字符开始的return p修改为id_code.value=p即可，现在浏览器打开a.html就可以看见解密后的JS代码。 由于百度的限制，无法粘贴完整的解密后的代码，只粘贴前面部分： ...[ 查看全文 ]

  爱不如自作自受

  91
• 
  js jquery做的图片连续滚动代码

  标签：Web开发

  核心代码如下，大家可以参考 代码如下： script src="/js/jquery.js"/script  script  $(document).ready(function(){         $(".bannerbutton li").each(                       function(){    &nb...[ 查看全文 ]

  xu太萌

  231
• 
  js取得参数代码

  标签：Web开发

  代码如下： function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } alert(GetQueryString("id")); [ 查看全文 ]

  草棚飙歌

  21
• 
  htm调用JS代码

  标签：Web开发

  1、用JS调用Htm，主页面怎么写？ 在body与/body之间合适位置写下这个代码： script language="JavaScript" src="head.js"  type="text/JavaScript"/script src="js文件名称和路径" 2、js文件怎么写？ 比如：head.js内容这样写，把主页面里的htm需要转换成JS的代码，用JS语句“document.write”或“document.writeln”输出。 用软件自动转换比较方便，比如：HTML to AnyCo...[ 查看全文 ]

  瑞子沏

  81
• 
  网页教学网整理的JS技巧代码

  标签：Web开发

  相关文章：网页教学网整理的Javascript的技巧代码 //过滤数字 input type=text onkeypress="return event.keyCode=48&&event.keyCode=57||(this.value.indexOf('.')0？event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" //特殊用途 input type=button value=导入收藏夹 onclick="wind...[ 查看全文 ]

  zaypm8097

  241
• 
  newxtree.js代码

  标签：Web开发

  /*=========================================         Powered by Fason         Email: fason_pfx@hotmail.com         HomePage:http://fason.nease.net         Version:3.0 =================================...[ 查看全文 ]

  d丁一凡d

  51
• 
  xtree.js 代码

  标签：Web开发

  代码如下： //** Powered by Fason //** Email: fason_pfx@hotmail.com var icon={     root    :'image/root.gif',     open    :'image/open.png',     close    :'image/close.png',     file   &nb...[ 查看全文 ]

  还挺逗乐儿

  221
• 
  类似框架的js代码

  标签：Web开发

  代码如下： html head title类似框架的JS导航菜单/title meta http-equiv=content-Type content="text/html;charset=gb2312" !--把下面代码加到head与/head之间-- SCRIPT language=JavaScript             function secBoard(n)             {  ...[ 查看全文 ]

  举步相思

  51
• 
  特漂亮的JS图片排列旋转效果代码

  标签：Web开发

  了下代码,感觉用数组模拟有些僵硬,自己重新写了一个,请大家来pp! body{background:black} .point{position:absolute;height:75px;border:1px silver solid} #round{position:absolute;background:red;width:200px;height:200px;} var r=200,dv=0.01,w=100,x=400;y=100,pn=8 var pi=3.1415926575,d=pi/2; var pd=Math.asin(w/2/r);ed=pi*2/pn;smove=true function window.onload(){ var o=document.get...[ 查看全文 ]

  草千里_

  311
• 
  JS代码混淆初步

  标签：Web开发

  一直以来，JS前端代码因为必须经过IE明文解析，某些加密的JS如：JScript.Encode也因为树大招风，早就被人破解了。还有些加密的手段，通过复杂的变换，改变源码，但最终都逃不脱最后的审判，像unescape,document.write,eval语句来还原。对于JS代码的保护，最好的手段就是混淆，混淆的目的就是让读懂代码的成本比直接写代码的成本高，混淆不是不可破解的，只是增加破解成本,JAVA,C#的加密都是采用混淆。这样对于...[ 查看全文 ]

  我是童话ok

  381
• 
  ImagesLazyLoad 图片延迟加载效果

  标签：Web开发

  之前在做一个图片浏览效果时，要看后面的小图必须等到前面的加载完，而且大图的位置是在大量的小图后面，导致大图要等到小图都加载完才能显示，为了解决这个问题，就想到了Lazyload效果。 现在很多网站都用了类似的效果，如淘宝、Bing等。 这个图片延迟加载效果是在Lazyload的基础上扩展的，主要扩展了获取img元素，获取src和图片加载的部分。 兼容：ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4,...[ 查看全文 ]

  季风吹过的夏天

  491
• 
  动态加载js的几种方法

  标签：Web开发

  1.直接document.write script language=javascript document.write(script src='test.js'\/script); /script 2.动态改变已有script的src属性 script src='' id=s1/script script language=javascript s1.src=test.js /script 3.动态创建script元素 script var s2 = document.createElement(script); s2.src=test.js document.body.insertAdjacentElemen...[ 查看全文 ]

  害伙丶

  121
• 
  不提示直接关闭网页窗口的JS代码

  标签：Web开发

  在IE7、IE8中，使用JavaScript提供的close()方法都可以关闭当前窗口或标签，但都提示讨厌的对话框，找了下代码，终于可以无提示直接关闭了。 JavaScript代码  CloseWin()       {       window.opener= ;       window.open(,);       window.close();       }&nb...[ 查看全文 ]

  tjtn02

  101
• 
  js计数器代码

  标签：Web开发

  代码如下： script Language="javascript"  var seconds = 10;//记数时间  var handle;//事件柄  //开始记数器  function startTimer() {   handle = setInterval("timer()",1000);  }  //结束记数器  function stopTimer() {   clearInterval(handle);   seconds&nbs...[ 查看全文 ]

  起个名也麻烦C

  2761
• 
  网页屏蔽(左右键,代码等)的非JS方法

  标签：Web开发

  很早就想写一篇关于网页源代码屏蔽的文章。是因为经常编出些JS脚本的之后，在沾沾自喜的同时，也在担心源代码会被人家看到，盗用我的脚本。所以一直以来，我都在尽力维护我的网页源代码的安全。虽然目前还没有找到完全安全的屏蔽方法（也就是说，这些方法在我想出来的同时，自己已经知道其弱点和破解方法了），但是，我这里有很多屏蔽的思路，来总结一下。  众所周知，要保护一个页面，最基础的就是...[ 查看全文 ]

  埋葬无悔的青春

  1121