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

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

制作过程:

一、准备图片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 (i>4)
{i=1};
  mytimeout=setTimeout("playImg()",1500);
  }
< /script>

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

< body bgcolor="#FFFFFF" text="#000000" onload="playImg()">
  < img src="back.jpg" width="120" height="120" name="image">
  < /body>

时间: 2024-08-02 22:45:29

巧使网页图片产生旋转效果的相关文章

用Javascript使网页图片产生旋转效果

javascript|网页|旋转 Rotation滤镜可以使图片产生旋转效果,注意必须是IE5.5及IE6.0才能看到! <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>body img{border:3 gold ridge}</style>//给图片加上边框的CS代码<ti

网页特效之让css使网页图片半透明

css|特效|透明|网页|网页特效 你用过css么?当然,我是指你喜欢做网页的话,用过?很好,那你用过它的特效么?没有?那请跟我来.让我先通俗的介绍一下css,css不属于html,它属于html的辅助语言,在没有css之前,网页是静态的,但自从有了css 后,网页制作的历史就要重写了,css能给网页加入许多你想象不到的动态效果,这也是其中一点而已,因为css中有很多特效,例如我们今天讲的利用css使图片变透明. 也许你会问,GIF图片不是能透明吗?那干嘛还那么麻烦,嘿嘿,GIF是可以透明,但可

让css使网页图片半透明

css|透明|网页 你用过css么?当然,我是指你喜欢做网页的话,用过?很好,那你用过它的特效么?没有?那请跟我来. 让我先通俗的介绍一下css,css不属于html,它属于html的辅助语言,在没有css之前,网页是静态的,但自从有了css 后,网页制作的历史就要重写了,css能给网页加入许多你想象不到的动态效果,这也是其中一点而已,因为css中有很多特效,例如我们今天讲的利用css使图片变透明. 也许你会问,GIF图片不是能透明吗?那干嘛还那么麻烦,嘿嘿,GIF是可以透明,但可以半透明么?那

Dreamweaver让css使网页图片半透明

  让我先通俗的介绍一下css,css不属于html,它属于html的辅助语言,在没有css之前,网页是静态的,但自从有了css 后,网页制作的历史就要重写了,css能给网页加入许多你想象不到的动态效果,这也是其中一点而已,因为css中有很多特效,例如我们今天讲的利用css使图片变透明. 也许你会问,GIF图片不是能透明吗?那干嘛还那么麻烦,嘿嘿,GIF是可以透明,但可以半透明么?那很明显是不行的,但css就可以.想学就跟我来. 如果是完全变透明,那么它的意义不大,重要的是它可以令图片半透明,嘿

巧用WORD EXCEL批量整理网页图片

  经常遇见这种情况,网页上有很多对自己有用的图片素材,用保存网页的办法保存下载后,在相关文件夹中找到图片素材,确实以无规则的数字命名的图片.如果图片数量少,我们可以一次打开识别,命名,但是数量太多,这种方法不经济.那么时候用更好的批量命名图片的方法? (众多需要重命名的图片) 巧用WORD EXCEL批量整理网页图片步骤 其实我们可以通过Word和Excel工具批量更改图片名称,操作稍微复杂些,但是如果图片比较多,这种方法效率高,能节约不少时间. 1. 理清表格很重要 由于这个页面中所包含的信

使网页迅速膨胀的罪魁祸首是精美的图片

摘要: 百度权重查询 站长交易 友情链接交换 网站监控 服务器监控 SEO监控 不管你相信或者不相信,随着互联网的快速发展网页也在持续不断的变大. 使网页迅速膨胀的罪魁祸首不是大量使用 百度权重查询 站长交易 友情链接交换 网站监控 服务器监控 SEO监控 不管你相信或者不相信,随着互联网的快速发展网页也在持续不断的变大. 使网页迅速膨胀的罪魁祸首不是大量使用的JavaScript库,CSS和无尽的共享按钮,而是精美的图片.根据HTTPArchive的研究,图片大约占据了页面内容的60%.这意味

CSS3和HTML5网页设计:响应式网页图片设计

文章简介:HTML5与CSS响应式图片. 随着 Retina 屏幕的逐渐普及,网页中对图片的适配要求也越来越高.如何让图片在放大了两倍的 Retina 屏幕显示依然清晰,曾经一度困扰着网页开发者,好在 CSS3 与 HTML5 已经着力在改变这种现状.那么到底什么是响应式图片呢? 什么是响应式图片? 响应式图片是指:用户代理根据输出设备的分辨率不同加载不同类型的图片,不会造成带宽的浪费.同时,在改变输出设备类型或分辨率时,能及时加载对应类型的图片. CSS 响应式图片 对于很多 IOS 开发者来

CSS控制图片代码:让网页图片自适应大小

文章简介:CSS控制图片代码:让网页图片自适应大小. 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600

网页图片的使用技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 图片已经成为网页设计中不可或缺的元素,但是对于普通网站来讲,图片也成为页面加载的一大负担.因此,一个好的网站要求站长合理的使用图片,灵活运用网页图片处理技巧和网页图片设计规则,让图片在传达信息和美化界面的同时又不会给网站的浏览速度带来影响. 在网页中使用用图片,先要处理要用到的图片,再利用网页制作工具在需要的位置插入相应的图片,然后设置其宽度