图片展示效果鼠标经过变大图，支持FF

Tawnie ·

更新时间:2024-09-20

· 982 次阅读

<TITLE>5</TITLE> 
HTML { 
OVERFLOW: hidden 
} 
BODY { 
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 815px; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 230px 
} 
#box { 
BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #111; VISIBILITY: hidden; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; POSITION: absolute 
} 
#screen { 
BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #000; LEFT: 0px; BORDER-LEFT: gray 1px solid; WIDTH: 815px; BORDER-BOTTOM: gray 1px solid; POSITION: absolute; HEIGHT: 230px 
} 
#box IMG { 
BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; CURSOR: pointer; BORDER-BOTTOM: gray 1px solid; POSITION: absolute 
} 
#box SPAN { 
FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 200px; COLOR: #fff; FONT-FAMILY: verdana; POSITION: absolute 
} 
#box A { 
FONT-SIZE: 12px; COLOR: #ff8000; TEXT-DECORATION: none 
} 
#box A:hover { 
BACKGROUND: #ff8000; COLOR: #ffffff; TEXT-DECORATION: none 
} 
#box A:visited { 
COLOR: #ff8000; TEXT-DECORATION: none 
} 
#box A:hover:visited { 
BACKGROUND: #ff8000; COLOR: #ffffff; TEXT-DECORATION: none 
} 
#lnk { 
VISIBILITY: hidden 
} 
<img class="alignnone size-full wp-image-99558" src="/upload/wp-content/uploads/2020/01/cg2lbv51ulo.gif" width="320" height="339" alt="" title="" /> <img class="alignnone size-full wp-image-99558" src="/upload/wp-content/uploads/2020/01/cg2lbv51ulo.gif" width="320" height="339" alt="" title="" /> <img class="alignnone size-full wp-image-99558" src="/upload/wp-content/uploads/2020/01/cg2lbv51ulo.gif" width="320" height="339" alt="" title="" /> 
<img class="alignnone size-full wp-image-99558" src="/upload/wp-content/uploads/2020/01/cg2lbv51ulo.gif" width="320" height="339" alt="" title="" /> <img class="alignnone size-full wp-image-99558" src="/upload/wp-content/uploads/2020/01/cg2lbv51ulo.gif" width="320" height="339" alt="" title="" /> <img class="alignnone size-full wp-image-99558" src="/upload/wp-content/uploads/2020/01/cg2lbv51ulo.gif" width="320" height="339" alt="" title="" /> Loading...

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

展示 ff 图片

1024 个赞