select中option改变时跳转到其他页面
[ 2016/08/03, 2995阅, 0评 ]
直接上代码,如下: <select onchange=mbar(this) name="select"> <option selected>友情链接</option> <option value="http://www.qq.com">腾讯企鹅</option> <option value="http://www.baidu.com">百度一哈</option> </select> <script type="text/javascript"> functi...
效果如上图,代码如下: <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, 2819阅, 0评 ]
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。 1) html的实现 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> <meta http-equiv="refresh" content="5;url=hello.html"> </head> 优点:简单 ...
css实现图片大小自适应
[ 2016/06/14, 2775阅, 0评 ]
使用CSS实现图片自适应很简单,主要靠两个参数来完成,分别是max-width和max-height,这两个参数在FIREFOX和IE7以上支持都很好,但是在IE6上面,效果非常糟糕,尤其是对于多张图片的显示,第一次显示网页大都很难达到图片自适应的效果,一般都是有些能自适应,有些不能自适应,多次刷新可能又显示OK,就是这点就足够烦人,而且一旦显示多张图片,IE 6上就卡的要命(expression在IE上比较占用资源,感觉设计是用来玩得,FIREFOX自适应效果还是比较好,速度也非常快),反正笔者至今是没有找到更好的CSS方法来让IE 6完美支持图片自适应。 PS:IE6其实可以忽...
javascript实现图片大小自适应
[ 2016/06/14, 2828阅, 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, 5002阅, 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; $("...