大宇空间 » JavaScript http://www.dayu.name 人生是一场旅行，我们才刚刚上路 Sat, 31 Dec 2011 15:38:25 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 jQuery防止事件冒泡 http://www.dayu.name/p/659.html http://www.dayu.name/p/659.html#comments Thu, 06 Jan 2011 07:14:13 +0000 大宇 http://www.dayu.name/?p=659 1.防止子元素触发本事件

$(document).ready(function() { $(‘触发事件元素’).click(function(event) { if (event.target == this) { 任何处理代码; } }); });

2.防止本元素触发父元素事件

$(document).ready(function(){ $(‘触发事件元素’).click(function(event) { 任何处理代码 …

]]> http://www.dayu.name/p/659.html/feed 0 火狐3下的上传图片预览（仅限火狐和图片文件） http://www.dayu.name/p/626.html http://www.dayu.name/p/626.html#comments Wed, 17 Nov 2010 03:05:54 +0000 大宇 http://www.dayu.name/?p=626 IE下可以直接用JS获取上传控件的value值，在FF3下不行。但还是可以在FF3通过js的nsIDOMFile对象来解决该问题；

下面是用nsIDOMFile实现的图片文件预览，作为日后参考。

  1. <script>
  2. /* 火狐3下的上传图片预览（仅限火狐和图片文件） */
  3. function $(v) {
  4.     return document.getElementById(v);
  5. }
  6.  
  7. function func() {
  8.     var file_path = $("file");
  9.     alert('dataurl: ' + file_path.files.item(0).getAsDataURL());
  10.     $("div").innerHTML = "<img src='" + file_path.files.item(0).getAsDataURL() + "'/>";
  11. }
  12. </script>
  13. <form method="post" action="?act=upload" id="form" enctype="multipart/form-data">
  14.     <input type="file" id="file" onchange="func();"/><input type="submit" value="上传"/>
  15.     <div id="div"></div>
  16. </form>
]]> http://www.dayu.name/p/626.html/feed 0 上下左右 无缝隙 滚动代码 http://www.dayu.name/p/48.html http://www.dayu.name/p/48.html#comments Fri, 16 Jan 2009 05:33:57 +0000 大宇 http://dayu.name/?p=48 以前做项目的时候使用过这个特效。

  1. <div id=demo style="overflow:hidden;height:100;width:240;background:#4183B1;color:#ffffff"><div id=demo1>这里放置要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容</div>
  2. <div id=demo2></div>
  3. </div>
  4. <script>
  5. var speed=30
  6. demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2
  7. function Marquee(){
  8. if(demo2.offsetTop-demo.scrollTop<=0)//当滚动至demo1与demo2交界时
  9. demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端
  10. else{
  11. demo.scrollTop++
  12. }
  13. }
  14. var MyMar=setInterval(Marquee,speed)//设置定时器
  15. demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
  16. demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器
  17. </script>
]]> http://www.dayu.name/p/48.html/feed 0 JS日历类（兼容IE，FF） http://www.dayu.name/p/6.html http://www.dayu.name/p/6.html#comments Wed, 04 Jun 2008 15:55:25 +0000 大宇 http://dayu.name/?p=6 http://blog.csdn.net/cityhunter172/archive/2006/11/28/1417752.aspx

http://kimsoft-jscalendar.googlecode.com/svn/trunk/help.html

]]> http://www.dayu.name/p/6.html/feed 0