你的倩影

www.ndqy.com
  • 华夏文化
  • 博客赚钱
  • 焦点新闻
  • 影视娱乐
  • 网易装扮
  • QQ装扮
  • 情感生活
  • 休闲杂谈
  • 美女时尚
  • 财经商机
  • 电脑网络
  • 其他杂类
  • 百度教程
    精美素材
    素材加工
    Q Q 教程
    网易教程
    5 1 教程
    搜狐教程
    图片变化代码
    如何申请和使用163博客 如何免费装扮51博客!
    网易博客自定义模块如何添加 51商城模板免费送给你 PS
    如何使用网易博客相册 51博客代码 QQ空间免费教程汇总
    |
    输入查询关键字:
    音乐 影视 图片 小说 新闻 游戏 地图 图书 大学 软件 购物 房产 职位 商机 法律 医学

    内容题要:

    在你的CSS中加入下面一条代码

    #m_blog div.cnt a:hover img{filter:alpha(opacity=50)}

    这条代码的意思是,当鼠标移动到连接中的图片上时,图片的不透明度变为50%。大家在CSS中是找不到这条代码的,这个代码是完全自己定义的,所以你完全复制过去粘贴到你的CSS中就OK了。另外还需要注意的时候,发图片的时候用复制的方法把图片贴过来,不能用图片工具再输入地址的方法发图。为什么要这样呢?因为这个代码是在 a:hover状态下定义的,也就是必须要在鼠标移动到连接中的图片上时才会有效果。所以采用复制图片的方法来贴图。

    如果觉得不会使用PS,或是每次发图都用图片处理工具去处理太麻烦,那么建议大家在图片效果里给它定义一个图片边框样式的效果,发出的图片会自动添加一个灰色的边框效果。

    #m_blog div.cnt img{border:3px solid #eee;} /*这个是图片元素加边框效果的定义*/

    #m_blog div.cnt a:hover img{border:3px solid #cdcdcd;filter:alpha(opacity=50)} /*这个就是刚刚介绍的鼠标放在图片上图片变淡效果,另外并让边框的颜色也变淡一些*/
     

    为方便广大博客爱好者,本站撰写和收集了以上文章,博客朋友可以转发但转发同时需注明
    转自你的倩影:http://www.ndqy.com/blog/baidu/baidu0017.php

               

    极品博客在线工具


    (我会不断更新和增加的)
    .访 QQ空间彩虹文字生成器 51博客彩虹文字生成器 HTML彩虹文字代码生成器
    繁体字转换工具 3D相册制作 教程 56FLASH相册 教程 测试博客男女 说明
    颜色选择器 特殊符号大全 GIF闪字在线制作 教程 制作FLASH像册 教程
    在线印章制作 搞笑证书制作 引擎收录查询 在线生成字体
    日生倒计时时钟 教程 博客徽标制作 漂亮计数器 教程 博客中添加IP地址 教程
    各类头像制作 slide相册在线制作 博客访问情况统计 教程 图片在线处理 教程
    图片魔术师 教程 创意搞图中心   添加所有工具及引擎