平时笔记

1.*{margin:0;padding:0;list-style-type:none;}/*清楚内外默认边距*/

2.background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容或者写成这样的：opacity:0.5;filter: alpha(opacity=50);background-color:#666*/

3.     $(this).find(".txt").stop().animate({height:"198px"},400);
        $(this).find(".txt h3").stop().animate({paddingTop:"60px"},400);

4.显示遮罩层代码

   <style type="text/css">
 *{ margin:0px; padding:0px; list-style-type:none;}
 .aaa{ height:30px; width:100px; cursor:pointer}
 .bg{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity:}
</style>
<body>
<div class="bg"></div>
<div class="web">
  <p class="aaa">显示遮罩层</p>
</div>
<script type="text/javascript">
$(function(){
    $(".aaa").click(function(){
        $(".bg").css({ display: "block", height: $(document).height()});
        alert($(document).height());
    });
});
</script>
</body>

 

5.toggle   ：主要是控制行为上的重复切换

toggleClass :控制样式上的重复切换

6.window.onload:是在网页中所有元素完全加载到浏览器后才执行，而$(document).ready()是在DOM完全就绪时就可以调用了

javascript的onload事件一次只能保存对一个函数的引用，如果有多个的话，后面的会自动覆盖前面的函数 ，因此不能在现有的行为上添加新的行为。

 

7.jquery合成事件

 hover():语法结构hover(enter,leave),用于模拟光标悬停事件，当光标移动到元素上进，会触发指定的第一个函数(enter)，当光标移开这个元素时，会触发指定的第二个元素(leave)

toggle();语法结构toggle(fn1,fn2,fn3,.....fnn),用于模拟鼠标连续单击事件

 

8  event.stopPropagation()：.停止事件冒泡   event.preventDefaule()： 阻止默认行为   event.type:获取事件的类型   event.target:获取到触发事件的元素

  event.pageX,event.pageY:获取到光标相对于页面的x坐标和y坐标。

event.which():要鼠标单击事件中获到取鼠标的左，中，右键，在键盘事件中获取到键盘的按键。

posted @ 2015-07-03 17:07  cmwang2017  阅读(180)  评论(0)  编辑  收藏  举报