01 2013 档案
摘要：事件流是指在开发过程中当有外界元素触发事件时，该元素的容器控件及整个页面都按照特定顺序的响应该元素的触发事件，也通常指触发的顺序 其中又分为 A、冒泡型事件流B、 捕获型事件流C、 DOM事件流A 先分析冒泡事件流冒泡事件流其实就是IE提供的事件流，当然这样理解也不够全面， 而冒泡流的核心主要是依照触发事件的控制的父控件的层及顺序依次触发，既事件由明确的事件源到其最不明确的事件源依次触发，最不明确的一定是document对象，（通过stopPropagation阻止冒泡 新式浏览器）如：<script type="text/javascript"> functi
阅读全文
摘要：<title></title> <style type="text/css"> input { color:#808080; } </style> <script type="text/javascript"> function gel(id) { return document.getElementById(id); } window.onload = function () { var input = document.getElementsByTagName("input&quo
阅读全文
摘要：<style type="text/css"> #divadd { border:1px solid#0094ff; background-color:#0094ff; height:200px; position:absolute; right:40%; bottom:40%; text-align:center; display:none; } </style> <script type="text/javascript"> function gel(id){return document.getElementBy
阅读全文
摘要：<style type="text/css"> #divcl { border:1px solid#0094ff; background-color:#0094ff; height:100px; position:absolute; } </style> <script type="text/javascript"> function gel(id) { return document.getElementById(id);} window.onmousemove = function (evt) { gel(&quo
阅读全文
摘要：<style type="text/css"> #bodyDiv { border:1px solid #0094ff; margin:50px auto; width:460px; height:300px; background-color:#0094ff; } ul { width:460px; border:1px solid #0094ff; padding:0px; margin:5px auto 0px auto; list-style-type:none; text-align:center; } li { border:1px solid #f
阅读全文
摘要：先准备三张图片 empty.png --白色星星图片 用于用户为选择时状态显示 yellow 黄色星星图片 用于用户选择好时显示 green绿色图片用于当用户鼠标在上面移动时显示body 内容<ul id="ulStar"><li></li><li></li><li></li><li></li></ul><style type="text/css"> #ulStar { border:0px solid #0094ff; l
阅读全文
摘要：<style type="text/css"> #tb { border:1px solid #0094ff; margin:5px auto; border-collapse:collapse;/*是指让行和列的边框相融合*/ } tr { border:1px solid#0094ff; margin:5px; text-align:center; padding:4px; } td { border:0px solid#0094ff; margin:5px; } </style> <script type="text/javas
阅读全文
