设为首页
加入收藏
用户登陆
特效首页
素材首页
网页特效
特效推荐
设计欣赏
英文字体
中文字体
学习论坛
站 内 搜 索
热门关键字：
表格
超链接
漂浮
跟随
旋转
闪烁
日期
艺术字
滚动
点击
关联菜单
弹出
随机
网页特效分类
鼠标特效
页面特效
背景特效
导航菜单
状态栏类
文本特效
链接特效
图形特效
窗口特效
按钮特效
时间日期
系统相关
计数转换
游戏娱乐
黑客性质
代码生成
综合特效
CSS相关
网页特效分类
>>
图形特效
使图片左右（上下）方向翻转
[ 发布者：luwei | 来源：本站整理 | 时间：2005-10-26 | 浏览： 人次 ]
<html> <head> <title>网页特效|JcwCn.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="javascript:if(confirm('http://sc.jcwcn.com/tx/JsHtml/images/PHOT046.JPG \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found. \n\nDo you want to open it from the server?'))window.location='http://sc.jcwcn.com/tx/JsHtml/images/PHOT046.JPG'" tppabs="http://sc.jcwcn.com/tx/JsHtml/images/PHOT046.JPG" width="167"> => <img align="middle" class="FlipH" height="236" src="javascript:if(confirm('http://sc.jcwcn.com/tx/JsHtml/images/PHOT046.JPG \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found. \n\nDo you want to open it from the server?'))window.location='http://sc.jcwcn.com/tx/JsHtml/images/PHOT046.JPG'" tppabs="http://sc.jcwcn.com/tx/JsHtml/images/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>
本 类 相 关 特 效
自由移动的多幅图片
图片的水韵效果
页面外显示指定的图片
图像的分片合拢效果
撞壁自动变换的图片效果...
跟随鼠标的二张图片
给地图加个放大镜
明暗变化的二张图片
鼠标放到图片上慢慢变大...
CopyRight © 2006
JcwCn.Com
All Rights Reserved
网页特效代码 | SC v2.0 Designed By JcwCn 有任何问题请与
站长联系
