海珠儿 blog

愿志趣这根无形的线将我们系在一起！

日志

图片链接移动代码

图片CSS滤镜效果---灰度

图片的CSS滤镜效果 ---透明

2007-02-19 13:35:25| 分类：博客代码总汇 | 标签： |字号大中小订阅

图片透明效果代码：（二者均可）

代码（1）

代码（2）

</div>

参数说明：

涉及到的属性:修改数值对应即可

opacity:开始处的透明度

finishOpacity:结束处的透明度

style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明

平均透明效果：

线状透明效果：

圆形透明效果：

菱形透明效果：

评论这张

转发至微博

0人 | 分享到：

阅读(5195)| 评论(14)| 引用 (132) |举报

图片链接移动代码

图片CSS滤镜效果---灰度

历史上的今天

this.p={  m:2,
              b:2,
              id:'fks_085066086094081068081083074065086095080066080087',
              blogTitle:'图片的CSS滤镜效果 ---透明',
              blogAbstract:'<P\> </P\>\r\n<P\><STRONG\><FONT color=#ff0000 size=4\>           图片透明效果代码：（二者均可）</FONT\></STRONG\></P\>\r\n<P\><STRONG\><FONT color=#ff0000 size=4\>                         代码（1）</FONT\></STRONG\></P\>\r\n<P align=center\><FONT face=Verdana color=#333333\><img src=\"图片网址\" style=\"filter:Alpha(opacity=100,finishOpacity=0,style=3)\"></FONT\></P\><FONT face=Verdana color=#333333\>\r\n<P align=center\><BR\><STRONG\><FONT color=#ff0000 size=4\>  代码（2）</FONT\></STRONG\></P\>\r\n<P align=center\><BR\><div style=\"width:360px;height:270px;filter:Alpha(opacity=100,finishOpacity=0,style=3)\"><BR\><img src=\"图片网址\"></P\></FONT\>',
              blogTag:'html,html代码,超文本标记语言代码,博客代码,博客',
              blogUrl:'blog/static/22911412007119113930115',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1171935848681,
              publishTime:1171863325040,
              permalink:'blog/static/22911412007119113930115',
              commentCount:14,
              mainCommentCount:14,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'未设置',
              visitorCity:'未设置',
              postAddInfo:{"postAdSetting":{"title":"youdaonote","linkUrl":"http://g.163.com/a?CID=14253&Values=715242298&Redirect=http://e.cn.miaozhen.com/r.gif?k=1001788&p=3xjnR0&ae=1000240&vo=2ceafe9f2&vr=2&o=http%3A%2F%2Fphdi.qq.com","imageUrl":"http://img1.126.net/channel8/011811_5.21.swf","expireDay":"14","modifyTime":"1337569753119","flashUrl":"http://img1.126.net/channel8/011811_5.21.swf"},"isAdShow":true,"postAdContent":{"special":[{"title":"周国平：纪念<讲话>时我纪念什么","url":"http://blog.163.com/zhouguoping_vip/blog/static/1689663172012423200454/"},{"title":"舌尖上的乡愁和地沟里的中国","url":"http://spacebandit.blog.163.com/blog/static/39710562201242402519546/"},{"title":"周濂：永远都无法叫醒一个装睡的人","url":"http://westernphilosophy.blog.163.com/blog/static/187136009201242343652663/"}],"blog":[{"title":"实拍舌尖上的北京夜市","pic":"http://img2.cache.netease.com/cnews/2012/5/24/2012052408440699dca.jpg","url":"http://blog.163.com/"},{"title":"郎咸平：戳穿中国电力企业的谎言","url":"http://langxianpingblog.blog.163.com/blog/static/8221272620124248853313/"},{"title":"台湾作家：台湾并没韩寒写的那么好","url":"http://liaoxinzhong.blog.163.com/blog/static/206945029201242332256424/"},{"title":"《心术》导演：首轮落幕期待再相会","url":"http://yangyangvip2012.blog.163.com/blog/static/207281112201242314729798/"},{"title":"营养师：小笼包中'血脖肉馅'的危害","url":"http://xujinxi2012.blog.163.com/blog/static/20729214020124178370706/"},{"title":"张俊以：敢向赵本山说不的东北演员","url":"http://zhangjunyivip.blog.163.com/blog/static/1811722442012424745374/"}]}},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'生命不息,追求不止.______海珠儿',
              hmcon:'1',
              lofter_single:'<a hidefocus="true" target="_blank" href="http://www.lofter.com/specials/2012cmvfestival"><img onload="var nimg = new Image(); nimg.src=\'http://blog.163.com/newpage/images/analyse.png?lofter_single&t=\'+new Date().getTime()" border="0" src="http://b2.bst.126.net/newpage/images/lofter_single5.jpg"/></a>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/22911412007119113930115">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--相关文章--> <#--历史上的今天--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 隐私政策 - 博客风格 - 手机博客 - VIP博客 - 订阅此博客

海珠儿 blog

导航

日志

图片的CSS滤镜效果 ---透明

历史上的今天

相关文章

最近读者

评论

页脚