网页特效
的分类：
鼠标特效
┆
页面特效
┆
背景特效
┆
导航菜单
┆
状态栏类
┆
文本特效
┆
链接特效
┆
图形特效
┆
窗口特效
┆
按钮特效
┆
CSS相关
网页特效
的分类：
时间日期
┆
代码生成
┆
计数转换
┆
游戏娱乐
┆
系统相关
┆
黑客性质
┆
综合特效
你现在的位置：
首页
>>
网页特效
>>
图形特效
>> 正文
文章标题：
使图片左右（上下）方向翻转
我来说两句
浏览：
┆
来源：网络
┆
作者：admin
┆
发表时间：2008-4-30
<html> <head> <title>网页特效|eZhannet.com/Js|---使图片左右（上下）方向翻转</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="http://file.ezhannet.com/2008-4-22/PHOT046.JPG" width="167"> => <img align="middle" class="FlipH" height="236" src="http://file.ezhannet.com/2008-4-22/PHOT046.JPG" 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>
提示：
可以修改再运行
错误报告
添加收藏
下载保存
全选复制
预览效果
页面标签：
图片
左右
上下
方向
翻转
上一页：
能用鼠标拖放的图片
下一页：
图片的分割效果
相关文章：
·
能用鼠标拖放的图片
·
图片的雷达扫描效果
·
图片飞舞效果
·
带图片预览功能的图片上传代码
·
可控制的用FLASH控件实现的图片渐显JS效果
·
很好看的发光图片哦
·
鼠标经过箭头时,图片会向左或向右横向移动
·
点击消失的漂浮广告图片
·
图片渐隐效果
·
自适应图片大小的弹出窗口
网友评论：
使图片左右（上下）方向翻转
我来说两句
网友留言
暂无留言!
本栏热门
本站推荐
热评文章
广告信息
┆ 来源：网络 ┆ 作者：admin ┆ 发表时间：2008-4-30 
