左右可伸缩滑动门效果
的有关信息介绍如下：
左右可伸缩滑动门效果
新建html文档。
准备好需要用到的图标。
书写hmtl代码。
style="Z-INDEX: 1; LEFT: 0px; BACKGROUND-IMAGE: url(images/bg_tb.gif); OVERFLOW: hidden; WIDTH: 566px; POSITION: relative; TOP: 0px; HEIGHT: 249px"> style="LEFT: 0px; POSITION: absolute; TOP: 0px"> cellPadding=0> style="MARGIN-TOP: 10px; MARGIN-LEFT: 10px" cellSpacing=0 cellPadding=0> href="#" target="_blank"> src="images/t081029_1.jpg" width=138 height=132 border="0"> | style="PADDING-RIGHT: 10px; PADDING-LEFT: 25px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px" vAlign=top rowSpan=2>听杨绛谈往事
北的一生。 style="PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px"> class=pdname href="#">听杨绛谈往事
本书记录了杨绛女士精彩的一生
class=priceB>22,5
class=price>(10% src="images/i_dc.gif">+10% src="images/i_p.gif">)
class=couponB> |
|
style="LEFT: 376px; WIDTH: 410px; POSITION: absolute; TOP: 0px"> cellPadding=0> ![]() height=249 src="images/b_tbLeft.gif" width=17> | background="images/bg_tbup.gif"> style="MARGIN-TOP: 10px; MARGIN-LEFT: 10px" cellSpacing=0 cellPadding=0> href="#" target="_blank"> src="images/t081029_2.jpg" width=138 height=132 border="0"> | style="PADDING-RIGHT: 10px; PADDING-LEFT: 25px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px" vAlign=top rowSpan=2>鲤·嫉妒
class=Read>嫉妒是一种黑暗的情绪化的视野。 style="PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px"> class=pdname href="#">妒
绪的图书
34,2
(10% src="images/i_dc.gif">+10% src="images/i_p.gif">)
class=couponB> |
|
|
|
书写css代码。
BODY { FONT-SIZE: 9pt; }
A:link { COLOR: #444444; TEXT-DECORATION: none }
A:visited { COLOR: #444444; TEXT-DECORATION: none }
A:active { COLOR: #444444; TEXT-DECORATION: none }
A:hover { COLOR: #3a85c7; TEXT-DECORATION: underline }
.price { FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #eb5d07; LINE-HEIGHT: 120%; FONT-FAMILY: "verdana"; TEXT-DECORATION: none }
.priceB { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #eb5d07; LINE-HEIGHT: 120%; FONT-FAMILY: "verdana"; TEXT-DECORATION: none }
.priceR { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #0f8ef0; LINE-HEIGHT: 120%; FONT-FAMILY: "verdana"; TEXT-DECORATION: none }
.pdtitle { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ce674b; FONT-FAMILY: "verdana" }
书写并添加js代码。
代码整体结构。
查看效果。
Simone
