工作,学习,生活,这里将会有一些记录. 备用域名:http://meisw.51099.com 注册 | 登陆
浏览模式: 标准 | 列表分类:js代码

用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {
    $("#toggle").click(function() {
        $(this).text($("#content").is(":hidden") ? "收起" "展开");
        $("#content").slideToggle();
    });
});
</script>

 

1
2
<a href="#" id="toggle">展开</a>
<div id="content" style="display: none;"><p>隐藏内容<p><p>隐藏内容<p></div>

 

<script src="jquery-1.8.2.js"></script>
<script>
/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;
假设需要显示和隐藏的div叫d2;
下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;
*/
$(function(){
$('#d1').click(function(){//给d1绑定一个点击事件;
            
        /*这个判断的意义是,如果d2是隐藏的,那么让它显示出来,并将d1的文本内容替换成收起,
        如果是显示的,那么就隐藏它并将d1的文本内容替换为展开;*/
        if($('#d2').is(':hidden'))
        {
          $('#d2').slideDown('slow');  
          $(this).text('收起');
        }else{
          $('#d2').slideUp('slow');
          $(this).text('展开');  
            }
                
    /*这是一个很简单的事件处理,如果还需要跟上图片的变换,就在判断的对应位置写入图片或者背景变换的代码,*/
});
});
</script>
<div id='d1'>展开</div>
<div id='d2' style=" display:none">内容</div>
 
 

js

 //var url = "http://www.test.net/install.html";

var url = "http://www.test.net/t.php";  
var param = "name=david&age=30";  
var obj = new ActiveXObject("WinHttp.WinHttpRequest.5.1");  
obj.Open("GET", url, false);  
obj.Option(4) = 13056;  
obj.Option(6) = false; //false可以不自动跳转,截取服务端返回的302状态。  
obj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
obj.setRequestHeader("Referer", "http://www.baidu.com");
obj.setRequestHeader("User-Agent","Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0; .NET CLR 1.1.4322)");
//obj.setRequestHeader("REMOTE_ADDR","1.1.1.8");
//obj.setRequestHeader("CLIENT-IP","1.1.1.3");
obj.setRequestHeader("X-FORWARDED-FOR","1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.4,1.1.1.41.1.1.4");
//obj.setRequestHeader("HTTP_CLIENT_IP","1.1.1.5");
//obj.setRequestHeader("X-ClientIP","1.1.1.6");
//obj.setRequestHeader("HTTP_X_FORWARDED_FOR","1.1.1.7");
obj.setRequestHeader("REMOTE_ADDR","1.1.1.8");
obj.setRequestHeader("X-Real-IP","1.1.1.9");
obj.setRequestHeader("X-REAL-IP","1.1.1.11");
 
obj.Send(param);  
WScript.Echo(obj.responseText);

iframe全屏自适应

<html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>iframe全屏测试</title>
<mce:style><!--
body { margin: 0px;  }
iframe {border: 0px;}
--></mce:style><style mce_bogus="1">body { margin: 0px;  }
iframe {border: 0px;}</style>
</head>
<mce:script type="text/javascript"><!--
  function resize(){
   document.getElementById('frame3d').style.height = document.body.clientHeight - 84+"px";
  }
  window.onresize = resize;
  
// --></mce:script>
<body scroll="no">
<img border="0" width="100%" height="84" src="./images/logo.png" mce_src="images/logo.png">
<iframe id="frame3d" name="frame3d" frameborder="0" width="100%" scrolling="auto"
 style="margin-top: -4px;" onload="this.style.height=document.body.clientHeight-84"
 height="100%" src="./map.jsp" mce_src="map.jsp"></iframe>
</body>
</html>

 

http://www.cnblogs.com/whisht/archive/2011/04/18/2251817.html

鼠标移动表格变色!CSS控制

<style type="text/css">
<!--
.over { background-color: #000000;color:#FFFFFF;}
.out { background-color: #ffffff;color:#000000;}
-->
</style>
<table cellpadding="1" cellspacing="1" height="30" bgcolor="#999999">
    <tr>
      <td width="156" bgcolor="#F3F3F3" height="30" onMouseOver="this.className='over'" onMouseOut="this.className='out'">
      <p align="center"><span style="font-size:9pt;">Mouse on here!!</p>
      </td>
    </tr>
</table>

刷新,按钮连接

<input name="reload" type="button" id="reload" onclick=location.reload() value="刷新" />
      &nbsp;&nbsp;
      <input name="release" type="button" id="release" onclick="location='<?=$PHP_SELF;?>?act=release'" value="跳转" />&nbsp;&nbsp;&nbsp;      </label>

IE7下window.close()不提示的解决方法

<script langanue=javascript>alert('事件已提交存档!');window.opener = null;window.open('','_self','');window.close();</script>

<a onclick="window.opener=null;window.open('','_self','');window.close();" href="javascript:void(0);"> 关闭不提示 </a>              

关键是window.open('','_self','')

js格式化工具,html_js 工具,小工具

这两天在看一些JS代码,TMD的,长长一大段,且没有一点格式,真不知这些人是为什么要这样搞,想不易让人看懂还是喜欢这种风格.看得头都大

好在今晚找到个格式化工具,爽就一个字

http://www.51099.com/tool/js-format-compress.html 格式化及压缩

http://www.51099.com/tool/js-format-color.html  可以格式化javascript代码 并在格式化的同时对代码进行着色

http://www.51099.com/tool/html_js.html 

 http://www.51099.com/tools/jscode.htm

http://www.51099.com/tools/ucode.htm

js

Records:1212