三毛钱

标题: 【移动图片】 随心所俗,想让它去那就去那~ [打印本页]

作者: 云晓月    时间: 2011-11-24 00:40
标题: 【移动图片】 随心所俗,想让它去那就去那~
本帖最后由 II.〆萩仴° 于 2011-11-24 05:24 编辑

一、从右至左移动
从右至左移动
二、从左至右移动
从左至右移动
三、从下至上移动
从下至上移动
四、从上至下移动

从上至下移动

作者: 再见,夏日阳光    时间: 2011-11-24 01:33
露背的月月很性感。。。。。
作者: 云晓月    时间: 2011-11-24 02:45
本帖最后由 II.〆萩仴° 于 2011-11-24 03:14 编辑

五、来回移动
来回移动
六、中间向两边移动


中间向两边移动
七、中间相对上下移动
中间相对上下移动
八、百叶窗式移动

百叶合式移动

作者: 云晓月    时间: 2011-11-24 03:21
本帖最后由 II.〆萩仴° 于 2011-11-24 03:58 编辑

九、图片移动其它效果
效果九
十、图片移动其它效果
移动效果十
十一、图片移动其它效果
效果十一
十二、图片其它移动效果






















效果十二

作者: 云晓月    时间: 2011-11-24 04:09
本帖最后由 II.〆萩仴° 于 2011-11-24 05:06 编辑

附赠头像框
一、邮票框
<TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; WIDTH: 120px; BORDER-BOTTOM: #f6ae56 3px dashed; HEIGHT: 120px" cellSpacing=5 cellPadding=0 bgColor=#f6ae56> <TBODY> <TR> <TD vAlign=center align=middle width=120 bgColor=#aeffae height=120><STRONG><IMG src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"></STRONG></TD></TR></TBODY></TABLE>

二、单线框

 

<P>&nbsp;<IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

三、双线框

 

<P>&nbsp;<IMG style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

四、凸突框

 

<P>&nbsp;<IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

五、凹进框

 

<P>&nbsp;<IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

六、虚线框

 

<P>&nbsp;<IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

七、立体阴影框

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15); WIDTH: 130px; HEIGHT: 130px" height=130 cellSpacing=3 cellPadding=15 width=130 border=2> <TBODY> <TR> <TD vAlign=center align=middle bgColor=#ffffff><IMG src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"></TD></TR></TBODY></TABLE> <P></P>

八、横向渐变透明

 

<P>&nbsp;<IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

九、图形渐变透明

 

<P>&nbsp;<IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

十、X线渐变透明

<P><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

十一、黑白效果

 

<P>&nbsp;<IMG style="FILTER: gray" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

十二、上下颠倒

 

<P>&nbsp;<IMG style="FILTER: flipv" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

十三、左右颠倒

 

<P>&nbsp;<IMG style="FILTER: fliph" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

十四、粒状阴影

 

<P>&nbsp;<IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

十五、模糊效果

 

<P>&nbsp;<IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

十六、水波效果

 

<P>&nbsp;<IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://img165.poco.cn/mypoco/myphoto/20111124/04/5590355320111124040914081.jpg"> </P>

 谢


作者: 采姑娘的小蘑菇    时间: 2011-11-24 08:45
好多好多。。。月月辛苦啦~~亲
作者: こ月下幽明ヘ    时间: 2011-11-24 09:33
好漂亮。。        
作者: 晓清    时间: 2011-11-24 09:47
太给力了 有木有啊
作者: 莫筱    时间: 2011-11-24 12:52
莪来学习了~~
作者: 张洋洋哦    时间: 2011-11-24 13:32
哈哈 好漂亮啊  好性感
作者: II.〆昵娅°    时间: 2011-11-24 15:24
我最近确实被H码给吓到了!

感觉无从下手,

哎!
作者: Lo、、Ro、、    时间: 2011-11-24 15:56
好牛的H码 可是为啥俄加不进去
作者: 云晓月    时间: 2011-11-24 17:02
Lo、、Ro、、 发表于 2011-11-24 15:56
好牛的H码 可是为啥俄加不进去

你还不是代码组,用不了的啦,只能有这个权限的会员才可以用呢,加油升级呗~
作者: Lo、、Ro、、    时间: 2011-11-24 18:57
II.〆萩仴° 发表于 2011-11-24 17:02
你还不是代码组,用不了的啦,只能有这个权限的会员才可以用呢,加油升级呗~

俄就是说俄为神马还不能加入代码组      
俄跟帖回复加代码组
素素看不见俄的回帖   
所有的人都看不见
作者: 云晓月    时间: 2011-11-24 19:35
Lo、、Ro、、 发表于 2011-11-24 18:57
俄就是说俄为神马还不能加入代码组      
俄跟帖回复加代码组
素素看不见俄的 ...

你先努力升一下社区等级嘛。

然后去跟素素的招聘帖。先熟悉一下也好嘛~
作者: Lo、、Ro、、    时间: 2011-11-24 19:41
II.〆萩仴° 发表于 2011-11-24 19:35
你先努力升一下社区等级嘛。

然后去跟素素的招聘帖。先熟悉一下也好嘛~

俄表示俄跟帖了  素素看不到俄的回复
话说俄自己都看不到     
但是都有提醒记录的  好像见鬼了
作者: II.〆雪灬颜°    时间: 2011-11-28 14:06
我来看隐藏的代码的          直接拿走
作者: 闲云ヤ居士    时间: 2011-12-4 12:47


我的心也动了。。。。。


作者: 陈春宏    时间: 2011-12-4 23:15
看见美女我就心慌啊
作者: II.〆小雨滴°    时间: 2011-12-7 17:31
我看见你再动啦
作者: 娉婷    时间: 2012-3-31 15:35
这个要学。。
作者: 农村,小姑娘。    时间: 2012-4-3 19:28
这个都是H码编辑的吧 我来学习下
作者: Raunchy    时间: 2012-4-9 18:15
明白了   得到还是要先付出,呵呵……
作者: 将魂    时间: 2012-4-10 21:20
高级货色,学习一下!!
作者: 登山补月    时间: 2012-4-11 16:57
看看是如何移动的
作者: t0911    时间: 2012-4-11 17:17
啊呀,月月大美女啊。我前两天才准备做这样的专辑的,只是考虑我不是HTML代码组的,就没有发了,没有想到,原来这个你早就做了啊!哈哈哈。幸亏没有发,要不就糗大了!我的都是在网上学来的,不是我们论坛里面的!
作者: t0911    时间: 2012-4-11 17:23
建议你添加点解释,例如:关于图片移动特效的相关解释:
1、direction(方向)=left(左)、right(右)、up(上)、down(下)
2、behavior(移动方式)=scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)
3、loop (循环)=数值:若未指定则循环不止
4、scrollamount (移动速度)=数字,其值取正整数。数值越大,速度越快
5、scrolldelay 延时
6、width和height 移动的宽度与高度
7、bgcolor(底色)=颜色
关于边框的解释:<CENTER>表示 居中效果   border="X"表示  边框粗细
width="x"表示  边框宽度     height="x"表示  边框高度 cellspacing="x"表示 单元格间距
关于字体的解释:“x”pt ,pt前面的数字为调整字体的大小
等等......
诸如此类的,这样大家看了更容易明白!
作者: 农村,小姑娘。    时间: 2012-5-3 10:10
再次学习  哎  书到用时方恨少啊
作者: 久久沉默    时间: 2012-5-4 07:55
学习
作者: 半城烟沙。    时间: 2012-5-18 18:49
辛苦了,学习了
作者: 他城°初见。    时间: 2012-5-19 21:14
我是来学习的 。。。
作者: II.〆小北°    时间: 2012-6-28 22:50
是不是啊,月姐姐。
作者: 服务区    时间: 2012-6-28 23:02
随心所欲~“俗”字似乎不对……
来自:ii23休闲社区 Android客户端
作者: 雨烟    时间: 2012-7-2 12:26
月月我来学习了
作者: 再见,夏日阳光    时间: 2012-7-3 15:19
我想去有你们的地方。
作者: 田野。    时间: 2012-7-21 12:38
咔嚓!咔嚓!看内容
作者: 寂如流年    时间: 2012-7-21 17:30
支持月月,学习一下
作者: 创意梦    时间: 2012-8-8 22:32
这个真心不懂
作者: ws521ff    时间: 2012-8-9 11:29
回帖是必须的,这个可以有!
作者: Оο.1秒ヽo    时间: 2012-8-9 19:14
自由动的好。
作者: 率真    时间: 2012-8-14 19:30
努力学习
作者: _惜缘〞    时间: 2012-8-15 01:47
学习的来啦
作者: 泍狌╰ァ刃、心    时间: 2012-8-19 04:01
本帖最后由 泍狌╰ァ刃、心 于 2012-8-19 04:07 编辑

还要5个字
你如果能够把照片的人物给她转过来我就算你厉害。。。
作者: 会计    时间: 2012-8-19 17:49
先回帖,在看看到底怎么个情况
作者: ws521ff    时间: 2012-8-20 10:10
就是喜欢你的帖子 没办法
作者: 彦西子    时间: 2012-8-24 20:30
随心所欲好诱惑
作者: 小北风    时间: 2012-9-16 13:58
这个很牛呀,太漂亮
作者: 新浪微博    时间: 2012-10-7 14:14
超赞学习了
作者: ═☆爱^ǒ^    时间: 2012-10-7 17:45
进来学习学习
                 
作者: 小明的邻居    时间: 2012-10-11 11:48
  这个好玩
作者: wx748    时间: 2012-10-19 18:36
这个好帅 - -。
作者: じ☆雪狼    时间: 2012-11-24 10:51
大大的学习一下 实在不会 麻烦你教吧
作者: じ☆雪狼    时间: 2012-11-24 10:54
看过了 发现个问题 发现自己不会做
作者: 蝶舞残阳    时间: 2013-1-11 09:03
真漂亮!可惜我还用不了H代码.....
作者: 荷花仙子    时间: 2013-5-4 10:49
看到这些   我是刘姥姥进大观园呀   
作者: 醉梦三生。    时间: 2013-5-6 23:11
先前在鸽子的教程帖里看到了会动的字,这个原理应该是一样的吧~~好强大的说~~
作者: Drmam    时间: 2014-1-24 11:37
感谢楼主好心的分享。
作者: nsrscabrt    时间: 2017-5-4 12:01
好文,好占个位,用时免得找




欢迎光临 三毛钱 (http://ii23.cn/) Powered by Discuz! X3.4