JavaScript动态网页实例-页面处理.rar资源-CSDN下载

共6个文件

htm：5个

gif：1个

javascript

网络协议

html

需积分: 5 50 浏览量 2024-05-08 15:03:45 上传评论收藏 12KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

JavaScript 动态网页实例 —— 页面处理.rar （6个子文件）

JavaScript 动态网页实例 —— 页面处理

按名称访问元素.htm 1KB

改变div的内容.htm 1KB

动态修改元素内容.htm 1KB

rdl_body5.gif 9KB

按位置访问元素.htm 1KB

改变页面样式.htm 2KB

<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> <title>页面处理</title> <style> #idDIV { width:100%; height:90px; background-color:thistle; padding:8px; layout-flow:vertical-ideographic; text-align:left; vertical-align:auto; } #idCodeDiv { width:100%; padding:4px; font-family:verdana,tahoma; margin:12px 0px 0px 0px; background-color:#EEEEEE; font-weight:bold; } </style> </head> <body bgcolor="#ffc0c0"> <h2>改变页面样式</h2><hr> <script language="JavaScript">  </script> <table border=0 cellpadding=0 cellspacing=0 width=100% height=200><tr> <td id=idDIV> <img src="rdl_body5.gif" width="100" style="float:left;border:1px solid #FFFFFF;"> 请您用下面的按钮选择这段文字的<b> layout-flow </b>和<b> vertical-align </b>属性的值。 </td> </tr></table> <br> <table><tr><td> layout-flow:    <select id="idSel1" onchange="rdl_change();"> <option value="horizontal">---layout-flow--- <option value="horizontal">horizontal <option value="vertical-ideographic" selected>vertical-ideographic </select> </td></tr><tr><td> vertical-align: <select id="idSel2" onchange="rdl_change();"> <option value="auto">---vertical-align--- <option value="baseline">baseline <option value="sub">sub <option value="super">super <option value="top">top <option value="text-top">text-top <option value="middle">middle <option value="bottom">bottom <option value="text-bottom">text-bottom <option value="auto">auto </select> </td></tr></table> <div id=idCodeDiv>layout-flow : vertical-ideographic ;<br>vertical-align : auto ;</div> </body> </html>

评论收藏

内容反馈