设为首页·收藏本页
交友   手机游戏  扑虎网铃声  免费短信  扑虎网图片  picasa相册      
首页>互联网>网络运营>建站技巧>正文

DHTML API,图片和层的拖放

日　期：2007-03-25     来　源：    阅 读:
　　

DHTML API,图片和层的拖放
版权申明：本文是分享文档原创，转载请不要去掉本版权申明。
这是一个基于浏览器的JavaScript DHTML库，它可以为你的图像和层增加拖放功能，并且扩展了DHTML的能力。

要想把图像和层加到可拖放的DHTML的条目里，只需要简单地把它们的名称或ID放到这个库的主函数“SET_DHTML()” 。
可选命令允许你改变或自定义拖放条目的形为，有多种方式可以选择。例如，你可以限制一个可拖放条目能够被移动多远的距离，可以指定光
标的样式，或者增加可拖放图片。这个DHTML库很容易理解和使用。它提供了很多方法，如moveTo()，resizeTo()，hide()和show()，也可以在
你的页面里面copy()图片，还有很多。每个DHTML条目都有很多属性，如x,y,w,h,z,defx,defy,defw,defh,defz()，还有很多，无论何时你都可
以使用这些属性。例如，要保存当前可拖放条目的位置，你可以将它的x和y属性写到一个表单的隐藏字段里，然后传送到服务器端。要看详细
情况，可以参考DHTML AIP和commands的文档。 字串6

用Resize来替代Drag?
当wz_dragdrop.js在运行时，你可以按下<Shift>键不放，当拖放那些可拖放条目时，我们按下<Shift>键不放，可以让wz_dragdrop.js工作在
Resize模式而不是Drag模式。这个功能通过对SET_DHTML()调用一个RESIZEABLE命令就可以激活。

如何加入可拖放的脚本?
1、HTML 文件：可拖放元素的名称
图像：每个想要可拖放的图像都应有一个唯一的name。例如：
<img name="name1" src="someImg.jpg" width="240" height="135">
width和height必须要有设置，最好是绝对值，不要设为什么“50%”之类的。
层：每个层都要有一个唯一的ID，这一点与图像相反，图像是必须要在name属性。必须指定位置，相对和绝对值都可以。例如：
<div id="name2" style="position:absolute;...">Content</div>.

2、将代码加到HTML文件里
将下面这行代码放到你的HTML文件里的<body>里，注意，必须放到<body>后。

<script type="text/javascript" src="wz_dragdrop.js"></script> 字串5

下面这些代码放到</body>之前。

 

<script type="text/javascript">
SET_DHTML("name1", "name2", "anotherLayer", "lastImage");
</script>  
 
从这个例子中可以看出，我们只要简单地将可拖放元素的名称传给SET_DHTML( )，用引号和逗号分开它们就可以了。这些名称的顺序是任意的
。

3、保存脚本文件
下载这个库文件，解压它，将wx_dragdrop.js放到你的网站目录下。根据你放的位置，适当地调整
<script type="text/javascript" src="wz_dragdrop.js"></script>中src的路径。

4、保存transparent.gif图片
在你下载的文件里包括了这个图片，它对于Netscape 4来说是必须的，它用来产生空白的空间。如果你用的是IE，则不用考虑。 字串9

附录:
·  Optional Commands: http://www.walterzorn.com/dragdrop/commands_e.htm
·  DHTML API, Scripting Drag Drop Items: http://www.walterzorn.com/dragdrop/api_e.htm 
·  Examples using the DHTML API  : http://www.walterzorn.com/dragdrop/demos/demos.htm




上一篇：岳贵：如何做好一个论坛？   下一篇：新手建站经验谈
收藏本文到:
digg this! 添加到del.icio.us bbmao网络收藏夹 添加到365key 我顶 添加到bolaa 推荐到奇客发现 添加到新浪vivi 添加到google书签 添加到yahoo+
查看全部建站技巧内容  
  • 岳贵：如何做好一个论坛？　 2007-03-25 10:15:32
       上篇分析搜索引擎的文章，有人对文章不太了解，有人责认为比较实际，而且去实施了，效果还不错。同时有朋友在问，论坛怎么做，论坛传播怎么弄？重复的回答同样的问题比较让...[阅读全文]
  • 新手建站经验谈　 2007-03-25 10:15:35
       先说：这是俺一个菜鸟建站到如今想到的，俺的原则是--写自己的帖子，让高手笑去吧，在别人的笑声中我们能得到更多（这好像是几年前看到阿江老大的一句话--大意如此）： 1、...[阅读全文]
  • 从百度谋略看个人站长发展大计　 2007-03-25 10:15:31
       1、利用贴吧做火娱乐社会及体育新闻 从贴吧的现状来看，贴吧是全球目前最大的中文原创内容基地之一，其内容包罗万象，品质及其渗透率丝毫不亚于现有门户编辑所选取的媒体内...[阅读全文]
  • 站长网提供的国际域名后缀国别信息大全　 2007-03-25 10:15:36
       后缀 国别 后缀 国别 后缀 国别 后缀 国别 后缀 国别 .bg 保加利亚 .fm 密克罗尼西亚 .kw 科威特 .pe 秘鲁 .tt 特立尼和多巴哥 .bh 巴林 .fr 法国 .ky 开曼群岛 .pf 法属玻...[阅读全文]
  • 精彩广告和网站常用js代码推荐　 2007-03-25 10:15:30
       flash 播放器代码 object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versi...[阅读全文]
  • php空间上因为权限不当引起的故障　 2007-03-25 10:15:37
       在使用php程序的时候,如果你碰到下面的提示,我的一点经验也许可以帮到你. 前提条件是:html文件能正常访问,只有php文件不能访问,或者访问不正常,引起程序奇怪的错误. 往往这...[阅读全文]
  • 如何写一个网站的计划书　 2007-03-25 10:15:29
       前言： 一个公司或者一个网站在进行开始做之前，都必须需要一本计划书。很多人一想到写计划也是一个比较让人头痛的事，那么这次我写这篇大纲主要是为了能方便大家可进行编...[阅读全文]
  • 亿玛总裁柯细兴：站长需要创造中国价值　 2007-03-25 10:15:38
       3月10日消息，2006中国超级站长创业大赛"创业实务"培训今日在京召开，腾讯科技对本次会议进行独家直播。 以下是亿玛总裁柯细兴发言： 亿玛总裁柯细兴：站长需要创造中国价...[阅读全文]
  • 代码优化之（一）CSS的重要性　 2007-03-25 10:15:27
       如何提高你网站的访问速度？带着这个问题我整理完这篇文站，希望能启发正在迷茫的各位站长。 首先说明的是我不是一个合格的网站设计师，我只是为了提高网站的访问速度，一...[阅读全文]
  • 国内外cms网站大全　 2007-03-25 10:15:43
       用了好多CMS系统,早就有心想写一个,本贴禀着公平,自由,客观的态度来评价各个主流的CMS产品, 如果有人写过的，那我就算是汇总和归纳，希望能在让你选择CMS的时候有个比较参...[阅读全文]
  • 个人建网站为哪般 网站定位最关键　 2007-03-25 10:15:26
       首先我们可以把个人建站的目的分为以下几种: 1、无目的型 看别人有自己的网站，所以跟风建网站，没有目的，网站没有内容，大多为无目的的转摘或者干脆就建立一个BBS，服务...[阅读全文]
  • 国内站长qq交流群大全　 2007-03-25 10:15:49
       登记你的站长qq群，或者你喜欢的站长qq群 让更多站长了解你的qq群。让更多站长了解你 http://bbs.admin5.com/viewthread.php?tid=3848extra=page%3D1 站长赚钱联盟(7967786...[阅读全文]
  • 彻底解决discuz5发不出邮件的问题(分享文档原创)　 2007-03-25 10:15:25
       今天装了discuz，但邮件却怎么样也发不出去。在论坛上转了好久，也没有人能解决。 试了N个邮箱，如126，163，21cn，yahoo等。只成功过一次，再也没有成功了。无意中看到一...[阅读全文]
  • 客户通在线客服系统2007专业版　 2007-03-25 10:15:50
       软件名称：客户通在线客服系统2007专业版 软件大小： 1622 KB 软件语言： 简体中文 软件类别： 国产软件 / 免费版 / 在线客服 应用平台： WinNT/2000/XP 界面预览： 无 插...[阅读全文]
  • 精品推荐：站长常用广告代码大全　 2007-03-25 10:15:18
       站长常用的广告代码 ，跳出代码，漂浮代码，轮选代码，定时代码，目前已经整理50多套。 以后每日更新，增加新的，目前该频道，已经设置到首页，希望更多站长朋友提供您的更...[阅读全文]
  • 关于个人网站的另类生存　 2007-03-25 10:15:51
       网络幼虫 关于个人网站的另类生存 这几天在网站上面看了些不少关于个人网站将如何面对残酷的网络世界．我据此分析了一下个人网站的另类生存方式． 个人网站不好比公司运营...[阅读全文]
  • 解决discuz5.0不能发送邮件的问题.　 2007-03-25 10:15:17
       ...[阅读全文]
  • 企业网站规划和网页设计问题归纳　 2007-03-25 10:15:52
       调查，在企业网站的网页设计方面所存在的问题也直接影响到网站的专业性，甚至对企业形象造成负面影响。由于网页设计问题非常之多，不可能进行完整的统计，这里仅对部分重要...[阅读全文]
  • 如何处理网页字体　 2007-03-25 10:15:16
       在网页的设计开发过程中，最重要的莫过于网页的视觉效果，设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范，我们可以在Web页面或应用程序中随意对字体进行调整...[阅读全文]
  • 新手一个月轻松打造3000IP的小站　 2007-03-25 10:15:53
       好了，我这里就说一些我以前用的现在还很有效的利用统计报表里搜索来路的关键字利用吧。 很多新手基本上不会注意利用统计报表的关键字来路，他们关注的就是我那个那个关键...[阅读全文]
 用户名： （新注册） 密码： 匿名发表 评论(0条)
 评论内容：(不能超过250字，不支持HTML或代码，只能发表纯文字，请自觉遵守互联网相关政策法规。)
[an error occurred while processing this directive]
热点搜索

内衣写真 汤加丽人体艺术 裸体模特 偷拍 美女视频 诱惑自拍 美女性感 张靓颖走光 清纯少女 劲舞视频 经典搞笑 后舍男生 性感美女 花花公子 美女街舞 广告欣赏 全智贤

娱乐中心精华推荐
资讯中心精华推荐



合作伙伴: 电脑综合 8vv8娱乐榜

关于扑虎　|　扑虎新闻　|　联系扑虎　|　广告服务　|　招贤纳士

Copyright @ 2006-2007 poohu.com. All Right Reserved 陕ICP备06010975号