您的位置: 首页 > 软件教程 > Dreamweaver教程专题 > Dreamweaver怎么改变元素属性行为

Dreamweaver怎么改变元素属性行为

7.5分
出处:百科369 时间:2013-04-09

您可能感兴趣的话题: Dreamweaver  

核心提示:本文为大家介绍一下在Dreamweaver中使用“改变属性”行为可以更改页面元素的属性值。

  在Dreamweaver中使用“改变属性”行为可以更改页面元素的属性值。

  一、Dreamweaver改变元素属性行为

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

  2. 打开行为面板。

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

Dreamweaver怎么改变元素属性行为

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

Dreamweaver怎么改变元素属性行为

  

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

  元素 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. 查看行为参数是否合适。如果不合适,也可以修改行为参数。


网友评论

Dreamweaver教程专题

精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
JavaScript是基于对象和事件驱动并具... [详细]