域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
图形特效
>> 正文
使图片左右(上下)方向翻转
作者:
天诚世纪
更新时间:2009-10-27 16:56:49
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head> <title>网页特效|tc-21.com|---使图片左右(上下)方向翻转</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <style type="TEXT/CSS">.cool { BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; CURSOR: hand; FONT-SIZE: 9pt } A { TEXT-DECORATION: none } A:hover { COLOR: #ff9900; TEXT-DECORATION: underline } TD { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } TH { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } BODY { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } .FlipH { FILTER: FlipH } .FlipV { FILTER: FlipV } </style> </head> <body bgColor="#ffffff" leftMargin="0" link="#6699FF" topMargin="0" vLink="#6699CC"> <center> <table cellPadding="0" cellSpacing="0" width="494"> <TBODY> <tr> <td vAlign="top" width="509"><table cellPadding="0" cellSpacing="0" width="509"> <TBODY> <tr> <td vAlign="top" width="1"></td> <td height="22" vAlign="top" width="487"><table cellPadding="0" cellSpacing="0" class="hs" width="100%"> <TBODY> <tr> <td align="middle" height="15"> <p align="center"><font face="隶书" size="4" color="#0000FF"><strong><b>使图片左右(上下)方向翻转</b></strong></font></p> </td> </tr> <tr vAlign="top"> <td align="center"> <img align="middle" height="235" src="/images/TC_idc.gif" width="167"> => <img align="middle" class="FlipH" height="236" src="/images/TC_idc.gif" width="171"><br> <br> <span style="font-family:宋体; mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:"Times New Roman"">使图片左右(上下)方向翻转,别有一番情趣,这也不难做到,</span><span lang="EN-US">CSS</span><span style="font-family:宋体;mso-ascii-font-family:"Times New Roman"; mso-hansi-font-family:"Times New Roman"">样式表单滤镜</span><span lang="EN-US" style="font-size:12.0pt;mso-bidi-font-size:10.0pt;mso-fareast-font-family:新宋体; color:black">FlipH</span><span style="font-size:12.0pt;mso-bidi-font-size:10.0pt; font-family:新宋体;mso-ascii-font-family:"Times New Roman";color:black">、</span><span lang="EN-US" style="font-size:12.0pt;mso-bidi-font-size:10.0pt;mso-fareast-font-family: 新宋体;color:black">FlipV</span><span style="font-family:宋体;mso-ascii-font-family: "Times New Roman";mso-hansi-font-family:"Times New Roman"">的<span style="color:black">强大功能,</span>仅用短短的几行代码,就实现了这样的功能,效果如图</span><span lang="EN-US">1</span><span style="font-family:宋体;mso-ascii-font-family:"Times New Roman"; mso-hansi-font-family:"Times New Roman"">所示。</span><br> </td> </tr> </TBODY> </table> </td> </tr> </TBODY> </table> </td> </tr> <tr align="right"> <td width="509"> <p> </td> </tr> </table> </center> </body> </html><a href="/ITCenter/effect/">.</a>
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200910/20091027165649.html
上一篇文章:
能用鼠标拖放的图片
下一篇文章:
为图像设置放大镜
更多关于
图形特效
的新闻
相关文章
页面载入效果(不是延时的)
网页加载时显示“页面载入中”的代码
每次刷新后随机显示图片的效果
简单的图片放大展示效果
横向不间断的连续滚动图片/文字广告
仿拍拍paipai.com首页产品图片随机轮显切换效果
用鼠标滚轮滚动控制图片显示的大小
超酷图片放大过渡效果
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::