怎么让图片闪动

怎么让图片闪动,第1张

Ulead

GIF

Animator

V5.05

用这个软件,很好用,原理就是把多张图片连起来,就变成动画了,保存成GIF动画图片。比photoshop简单100倍.可以做自己个性QQ表情.比如:做动态“你好啊”,在第一帧输入个“你”字,第二帧再加个“好”字,第三帧再加个“啊”字,保存的GIF图片就是动态的了。这是简单的,还可以通过移动字来做。你可以增加很多创意。

下载地址:

http://www.crsky.com/soft/4010.html

用迅雷专用通道下载

如果想让它闪也很简单,先把第一帧放上你的照片,第二帧为空白帧,就可以了。也可以第一、二帧为照片,第三帧为空白,凭你喜好。

也可以用它来修改现有的闪图

1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:

2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:

3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法:

建立一个html文件,复制下面的内容,打开就可以看到效果了

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

</head>

<body>

<DIV id=img1 style="Z-INDEX: 100LEFT: 2pxWIDTH: 59pxPOSITION: absoluteTOP: 43pxHEIGHT: 61px

visibility: visible"><a href="http://www.baidu.com/" target="_blank"><img src="aaa.gif" width="80" height="80" border="0"></a></DIV>

<script type="text/javascript">

var xPos = 300

var yPos = 200

var step = 1

var delay = 30

var height = 0

var Hoffset = 0

var Woffset = 0

var yon = 0

var xon = 0

var pause = true

var interval

img1.style.top = yPos

function changePos()

{

width = document.body.clientWidth

height = document.body.clientHeight

Hoffset = img1.offsetHeight

Woffset = img1.offsetWidth

img1.style.left = xPos + document.body.scrollLeft

img1.style.top = yPos + document.body.scrollTop

if (yon)

{yPos = yPos + step}

else

{yPos = yPos - step}

if (yPos <0)

{yon = 1yPos = 0}

if (yPos >= (height - Hoffset))

{yon = 0yPos = (height - Hoffset)}

if (xon)

{xPos = xPos + step}

else

{xPos = xPos - step}

if (xPos <0)

{xon = 1xPos = 0}

if (xPos >= (width - Woffset))

{xon = 0xPos = (width - Woffset) }

}

function start()

{

img1.visibility = "visible"

interval = setInterval('changePos()', delay)

}

function pause_resume()

{

if(pause)

{

clearInterval(interval)

pause = false}

else

{

interval = setInterval('changePos()',delay)

pause = true

}

}

start()

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7246622.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存