HTML页面跳转的5种方法
[ 2016/06/19, 2816阅, 0评 ]
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。 1) html的实现 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> <meta http-equiv="refresh" content="5;url=hello.html"> </head> 优点:简单 ...
javascript实现图片大小自适应
[ 2016/06/14, 2822阅, 0评 ]
No1.例:指定test容器中的所有图片的大小长宽均不超过180 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <style> *{ margin:0; padding:0} .p1,.p2,.p3{width:180px;height:180px;border:2px solid #393;background:#f00;display:inline-block;margin:20px 0 0 20px;text-align:center;vertical...
客户网站改版,原网站内容的链接与改版后的链接规则相差悬殊,百度快照的都是改版前的链接。 为了通过在百度快照中的链接能访问到改版后对应的正确页面,我通过在404页面中用javascript来实现它。 首先获取用户是点击的哪个死链地址,然后再定义死链以及需要对应跳转的链接,而后在使用if语句进行判断,判断用户点击的死链地址与我们定义的死链地址是否有相同的,若有相同的,则跳转到对应的页面,否则提示我们自定义的一句话,然后再跳转至首页。 弊端:死链过多就比较麻烦了。。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...
Infinite Ajax Scroll简称ias,从字面来理解是"无限的ajax滚动",其实就是一款jQuery滚动分页插件(页面滚动到最底部自动异步加载数据) 1、利用这个插件分页的示例网站:36氪,有兴趣的话可以看下。 2、插件下载:点击下载。 3、插件的使用前提:网站必须实现分页即网页中必须有分页代码,在分页代码中必须包含下一页的按钮或链接。 4、插件的使用方法:页面中必须引入jquery-ias.js脚本文件,最好引入jquery.ias.css样式文件。 5、插件参数简介 (1)、container:容器,所有...
jQuery实现页脚永远固定在页面底部
[ 2016/05/01, 4999阅, 0评 ]
使用下面的jQuery代码,可以轻松的帮我们实现页脚永远固定在页面底部(即页脚永远固定在页面的底部,而非永远固定在浏览器窗口的底部,换句话说,就说当页面主内容没有显示屏幕高时,页脚固定在显示器屏幕的底部,但当页面内容超过显示器屏幕高度时,页脚又会跟随内容往下沉,但页脚都永远固定在页的底部),使用这种方法有几个地方需要注意: 1. 确保正常引入了jQuery版本库,并正常调入了上面那段jQuery代码; 2. 确保<div id=”footer”>是在body中最后; 3. 确保在html,body中没有设置高度为100%。 优点: ...
随着用户点击导航或菜单上不同的页面,出现此选项高亮显示或变为一个新的样式是经常用到的。实现它所用的原理就是通过js中的location.href得到当前页面的地址,然后在与导航上的链接地址匹对,相同的就用一个css样式标记。此方法支持动态链接和静态链接多种形式。 <script type="text/javascript"> var urlstr = location.href; //alert((urlstr + '/').indexOf($(this).attr('href'))); var urlstatus=false; $("...
jQuery放大镜插件jqzoom.js
[ 2016/04/17, 4133阅, 0评 ]
效果如上图 在线演示 打包下载:jqzoom放大镜.rar
在线PDF预览插件PDFObject.js
[ 2016/04/17, 17313阅, 1评 ]
PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。 使用方法 只需要引用pdfobject.js,不需要额外的库 <script type="text/javascript" src="js/pdfobject.js"></script> <script type="text/javascript"> window.onload = function (){ var myPDF = new PDFObject({ url: "sample.pdf"...
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低。 很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大。成长以来,很多朋友也听说到 不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法、条件给自己鼓励,不断提高 对自己的要求,才有机会获得多一点的成就。 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能需要实现复制文本到剪贴板,相信这个功能很常用,但是对于不常写JS代码的我来说...