HTML的开发与实验

使用FrameSet构架布局聊天室

FrameSet
创建down.aspx、left.aspx、right.aspx文件
在INDEX.ASPX中使用下面代码:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
</head>
<frameset rows="*,113" cols="*" frameborder="yes" border="1" framespacing="1">
<frameset rows="*" cols="153,*" framespacing="1" frameborder="yes" border="1">
<frame src="left.aspx" name="leftFrame" scrolling="NO" noresize>
<frame src="right.aspx" name="mainFrame">
</frameset>
<frame src="down.aspx" name="bottomFrame" scrolling="NO" noresize>
</frameset>
<body>
    
<form id="form1" runat="server">
    
<div>
    
    
</div>
    
</form>
</body>
</html>

 使用Iframe构架企业网站

 

滚屏构架

 HTML代码实现:横向滚动 direction控制滚动方式

<marquee direction=left scrollamount=6 scrolldelay=50  onmouseout="this.start()" onmouseover="this.stop()" style="width: 720px;">
<asp:ImageButton style="WIDTH: 177px; HEIGHT: 150px" id="img1" runat="server" border="0" Width="177px" Height="150px" ImageUrl="~/image/电视机.jpg" PostBackUrl="~/photo.aspx" ToolTip="http://www.photo1.com"></asp:ImageButton>
<asp:ImageButton style="WIDTH: 177px; HEIGHT: 150px" id="img2" runat="server" border="0" Width="177px" Height="150px" ImageUrl="~/image/空调2.jpg" PostBackUrl="~/photo.aspx" ToolTip="http://www.photo2.com"></asp:ImageButton>
<asp:ImageButton style="WIDTH: 177px; HEIGHT: 150px" id="img3" runat="server" border="0" Width="177px" Height="150px" ImageUrl="~/image/裤子.jpg" PostBackUrl="~/photo.aspx" ToolTip="http://www.photo3.com"></asp:ImageButton>
<asp:ImageButton style="WIDTH: 177px; HEIGHT: 150px" id="img4" runat="server" border="0" Width="177px" Height="150px" ImageUrl="~/image/衣服.jpg" PostBackUrl="~/photo.aspx" ToolTip="http://www.photo4.com"></asp:ImageButton>
<BR /></marquee>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值