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

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

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

【 tulaoshi.com - Web开发 】

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

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

制作过程:

一、准备图片1张。

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

代码:

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

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

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

延伸阅读
一、切片的孪生兄弟 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...
标签: Web开发
随着浏览器安全性的提高,要实现图片预览也越来越困难。 不过群众的智慧是无限的,网上也有很多变通或先进的方法来实现。 在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。 上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。 兼容 :ie6/7/8, firefox 3.5.5 后台支持下还兼容 :opera 10.10, s...
标签: flash教程
本文由 中国 acti0n   原创,转载请保留此信息! [友情提示] 看不到动画效果的朋友请去这里观看: http://bbs.jcwcn.com/viewthread.php?tid=136406 [next] 好~现在开始咯~ 新建FLASH文件~ 修改-》文档,把文档的背景色改成黑色~ CTRL+F8新建元件【text】~ 在元件的帧上放13...

经验教程

638

收藏

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