建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > dw入门 > 怎么通过Dreamweaver改变元素属性行为

怎么通过Dreamweaver改变元素属性行为

时间:2016-12-30 10:47:35  来源:免费模板网 作者:风雪 阅读次数 tagsDreamweaver

项目有时候需要鼠标不经过是td标签,双击的时候变成input这个怎么通过js实现呢

一、Dreamweaver改变元素属性行为

  1. 选择一个页面元素或者对象。

  2. 打开行为面板。

  3. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“改变属性”命令。如下图所示:

  4. 打开“改变属性”对话框,如下图所示:

  

  元素类型:选择要改变属性的元素。

  元素 ID:选择的元素如果有ID,会在此处自动显示出来。如果没有ID,添加ID后,再重新填写“改变属性”对话框。

  属性:可以选择一个要改变的属性名称,也可以输入一个要改变的属性名称。

  新的值:为属性输入一个新值。

  5. 点击“确定”按钮。

  源代码如下:

  <html>

  <head>

  <title>Dreamweaver改变元素属性行为示例-baike369.com</title>

  <script type="text/javascript">

     function MM_changeProp(objId,x,theProp,theValue) { //v9.0

   var obj = nPl; with (document){ if (getElementById)

   obj = getElementById(objId); }

   if (obj){

   if (theValue == true || theValue == false)

   eval("obj.style."+theProp+"="+theValue);

   else eval("obj.style."+theProp+"='"+theValue+"'");

   }

   }

  </script>

  </head>

  <body>

  <h1>Dreamweaver改变元素属性行为示例</h1>

  <p id="p1" onmouseover="MM_changeProp('p1','','backgroundColor','red','P')">...</p>

  </body>

  </html>

  6. 查看附加的事件是否是需要的事件。如果不是需要的事件,可以更改事件。

  7. 查看行为参数是否合适。如果不合适,也可以修改行为参数。

本文地址:https://www.freemoban.com/dwrm/2016/1230/2747.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!