效果如上图,代码如下: <script language = JavaScript> function password() { var testV = 1; var pass1 = prompt('请输入密码:', ''); while (testV < 3) { if (!pass1) history.go(-1); if (pass1 == "123456") { alert('密码正确!'); break; } testV += -1; var pass1 = prompt('密码错误!请重新输入:')...
HTML页面跳转的5种方法
[ 2016/06/19, 2972阅, 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, 2971阅, 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, 5089阅, 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, 4227阅, 0评 ]
效果如上图 在线演示 打包下载:jqzoom放大镜.rar
在线PDF预览插件PDFObject.js
[ 2016/04/17, 17521阅, 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"...