天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

从零启步学代码【十三】

楼主:人间惆怅客SD 时间:2012-09-13 23:18:35 点击:566 回复:8
脱水模式给他打赏只看楼主 阅读设置
  此帖绝对不能点击“编辑”“不能编辑”两个按钮。否则,帖子中的示范代码就没有了,只剩下效果了。切记!!!






(原创制作者:游子。供初学HTML代码的朋友参考)


图片雾化的贴图方法。


   图片雾化或叫羽化效果,就是一张图片只突出显示中心的主要图像,


周边朦胧淡化。方法有通常使用的代码和简化的代码.
二种雾化代码模式:


 




   图片雾化通常使用的代码和简化的代码:


通常使用的代码:

<TABLE border=0>
<TR>
<TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=图片地址 >
</TD></TR></TABLE>
<br><br>


简化的代码:

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="图片地址"INPUT>



原创制作者:游子。


 


 




下面是一张美女图片和图片地址:


欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月


http://pic.yesky.com/picupload1/20050725/162238/


4019006.jpg

欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月

图片雾化通常使用的代码:


 





   图片雾化通常使用的代码:


<TABLE border=0>
<TR>
<TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=http://pic.yesky.com/picupload1/


20050725/162238/4019006.jpg >
</TD></TR></TABLE>
<br><br>




原创制作者:游子。


 



通常使用的代码显示结果:



 


 




欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月


简化的图片雾化代码:


 





简化的图片雾化代码:


<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://pic.yesky.com/picupload1/20050725/


162238/4019006.jpg"INPUT>


【说明 】
   这种代码可非常方便的调整图片的大小,即把代码


宽度参数(width=450)改变了就行。



原创制作者:游子。


 


 


 



欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月

简化的代码显示结果:




欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月



欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月


圆形雾化效果和矩形雾化效果代码是一样的,不同之处是:
把圆形雾化效果 style=2 改为:
矩形雾化效果 style=3
通常使用的是圆形雾化效果 style=2 .


 


欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月


 


 欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月



 

楼主人间惆怅客SD 时间:2012-09-13 23:36:59
  
作者 :枫叶Fs 时间:2012-09-14 19:58:32
  @人间惆怅客SD  问好好友!辛苦了。。。
楼主人间惆怅客SD 时间:2012-09-14 23:16:06
  @枫叶FS       好友晚安!!!
作者 :星连193 时间:2012-09-15 01:47:00
  学习。问好各位老师。
作者 :我的心在飞扬2011 时间:2012-09-15 10:22:17
  做得很好,学习,辛苦了!问好@人间惆怅客SD
作者 :枫叶Fs 时间:2012-09-16 21:06:35
  问好大家!祝好。。。
作者 :不与莉花同梦 时间:2013-05-27 16:54:17
  学习了。
  
作者 :花若怜_泪涧成线 时间:2013-07-12 16:30:06
  学习~~~

相关推荐

发表回复

请遵守天涯社区公约言论规则,不得违反国家法律法规