红高粱淑贤人物评价:★ 关于【图片特效】的代码,值得永远收藏

来源:百度文库 编辑:偶看新闻 时间:2024/05/01 10:57:50
------------------------------------------------------------------------
插入图片的代码:

真实效果
------------------------------------------------------------------------
在任意图片上写字的代码:
1、




2、




真实效果
------------------------------------------------------------------------
在照片上由下往上移动文字的代码:





加入文字


direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。真实效果
------------------------------------------------------------------------
在照片旁边写文字的代码:

文章内容

clear=left>


真实效果
------------------------------------------------------------------------
图片加框的代码:
(1).单边框效果

(2).双边框效果

(3).立体镜框(一)效果

(4).立体镜框(二)效果

(5).虚线框

(6).凹槽框

(7).脊状框

(8).横向渐变透明

(9).圆形渐变透明

(10).X形渐变透明

(11).黑白效果

(12).X光效果(底片)

(13).浮雕效果

(14).上下颠倒

(15).左右颠倒效果

(16).色彩颠倒

(17).粒状阴影

(18).模糊效果

(19).水波效果

(20).图片在水中倒影



真实效果
------------------------------------------------------------------------
让图片产生梦幻效果的代码

真实效果
------------------------------------------------------------------------
图片倒影代码:



真实效果
------------------------------------------------------------------------
图片透明效果代码:
1/ 2/



参数说明:涉及到的属性:修改数值对应即可
opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明
真实效果
------------------------------------------------------------------------
图片CSS滤镜---X光效果
代码(1)

代码(2)

真实效果
------------------------------------------------------------------------
图片CSS滤镜---发光效果



二、参数说明:
color             -->发光颜色
strength        -->发光强度
虑镜宽=图片宽度+发光强度x2
虑镜高=图片高度+发光强度x2+10
真实效果
------------------------------------------------------------------------
图片CSS滤镜---色彩对换效果代码
代码(1)

代码(2)

说明:用代码(2)时,必须填图片的宽度和高度。图片的宽度和高度只要在图片上按右键-属性—就可以看到真实效果
------------------------------------------------------------------------
浮雕效果代码

真实效果
------------------------------------------------------------------------
图片反色代码

真实效果
------------------------------------------------------------------------
让图片产生梦幻效果的代码

说明:WIDTH(表宽度,后面的值可以变。)HEIGHT(表高度,后面的值可以变。)绿色的数值也是可是可以改变的,是产生梦幻效果的数值。
真实效果
------------------------------------------------------------------------
图片CSS滤镜---左右旋转效果
代码(1)

代码(2)


真实效果
------------------------------------------------------------------------
添加透明flash代码:

真实效果
------------------------------------------------------------------------
图片加背景音乐代码:
 




真实效果
------------------------------------------------------------------------
图片滚动的代码:

scrollamount代表图片移动的速度,值越大移动越快。
direction代表移动的方式,等号后面可以为left(自右向左)、right(自左向右)、up(自下向上)、down(自上向下)。
真实效果
------------------------------------------------------------------------
点击图片进入日志的代码

 点击图片欣赏全文 


代码(2)下面的也是缺少日志地址,请朋友们按照上面的方法添加上去!

请点击图片欣赏全文


真实效果
------------------------------------------------------------------------
图片加边框代码:
>


























真实效果
------------------------------------------------------------------------
自由移动变形的图片代码:
很好玩的

真实效果
------------------------------------------------------------------------
图片上移动图片的代码:







文字

                    


真实效果
------------------------------------------------------------------------