巧使网页图片产生旋转效果

2016-02-19 19:16 54 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐巧使网页图片产生旋转效果,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

Rotation滤镜可以使图片产生旋转效果,注意必须是5.5及IE6.0才能看到!方法如下:

制作过程:

一、准备图片1张。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

二、建立一个CSS样式作为图片边框。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

代码:

style
  body img{border:3 gold ridge}
   /style

三、将下列代码放到 head间。

代码:

script language="JavaScript"
var i=0;
 function playImg()
 {
image.style.filter="progid:DXImageTransform.
Microsoft.BasicImage( Rotation="+i+")";
i++;
if (i4)
{i=1};
  mytimeout=setTimeout("playImg()",1500);
  }
/script

四、将下列代码放到 body里。

body bgcolor="#FFFFFF" text="#000000" onload="playImg()"
   img src="/Files/BeyondPic/oldjcwimg/2005-11/15/05111512220793252.jpg" width="120" height="120" name="image"
   /body

来源:http://www.tulaoshi.com/n/20160219/1620542.html

延伸阅读
标签: 电脑入门
为图片设置三维旋转效果是Word 2007新增的图片处理功能,以前的Word2003等版本不具备该功能。借助三维旋转功能,用户可以对选中的Word 2007图片沿着X轴、Y轴、Z轴三个纬度进行立体旋转,从而实现立体化旋转效果,操作步骤如下所述: 第1步,打开Word 2007文档窗口,选中需要设置三维旋转效果的图片。 第2步,在Word 2007图片工具功能区的格式...
一、切片的孪生兄弟 spacer(分隔符).gif 、colspan和rowspan 我们在FW或PS中,导出切片并输出html页面,然后用dw打开后,总会发现代码中有不少spacer.gif、colspan和rowspan的存在(如下图所示)。 图1 有不少朋友称之为切片生成的垃圾代码,于是总是想方设法地把它们删除。然而,有道是:存在就是合理。所谓的垃圾代码亦是如此,它们...
标签: Web开发
一、使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100e...
标签: 化妆
在使用睫毛膏之前,需要先学习如何夹睫毛。把睫毛夹得翘翘的,不仅更加方便涂抹睫毛膏,还使眼睛电力十足哦。千万不要偷懒,只要跟随我们的步伐好好学习,你会发现再也无法摆脱睫毛夹了,因为夹过之后的睫毛卷翘迷人,让你看起来像洋娃娃一样! stepl:将睫毛夹放在与眼睛持平的位置,眼睛尽量向下看,使睫毛夹达到睫毛根部,并...
标签: flash教程
本文由 中国 acti0n   原创,转载请保留此信息! [友情提示] 看不到动画效果的朋友请去这里观看: http://bbs.jcwcn.com/viewthread.php?tid=136406 [next] 好~现在开始咯~ 新建FLASH文件~ 修改-》文档,把文档的背景色改成黑色~ CTRL+F8新建元件【text】~ 在元件的帧上放13...

经验教程

63

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部