用css实现图片替换

用css实现图片替换的相关文章

• 
  用CSS实现图片的预加载

  标签：Web开发

  有很多种方法来实现图片的预加载，通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧，用CSS你就可以毫不麻烦的预载你的图片。 为什么使用预载 你为什么会考虑使用预载呢？你是否曾有个网站，在那个网站你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候，很漂...[ 查看全文 ]

  shenlizs

  291
• 
  用CSS实现给图片上色的效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  步骤是这样的： 1.先把你想要做的图片放到PS里面进行去色处理-图像–调整–去色或者ctrl+shift+u 2.将此图和原图片整合成上下两张的图片，如下图： 3.下一步写下代码： xhtml代码： div id="box" a href="#" span/span /a /div CSS代码： a {float:left;}#box span {border:3px solid #ccc;display:block;widt...[ 查看全文 ]

  矮丫硪去

  841
• 
  用JS实现HTML标签替换效果

  标签：Web开发

  有个静态页面 span id=ababcde/spanspan id=ababcde/spanspan id=ababcde/spanspan id=ababcde/span 能否通过js实现，IE浏览时的代码被替换为 img src="img/1.gif"/img src="img/1.gif"/img src="img/1.gif"/img src="img/1.gif"/ 无标题文档 移到我这儿来 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 方法二： 无标题文...[ 查看全文 ]

  美好人生685

  1001
• 
  网页制作实例：用CSS实现图片垂直居中方法

  标签：Web开发

  网页制作，用CSS实现图片垂直居中方法 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"style type="text/css"!--body {margin:0;padding:0}div {width:500px;height:500px;line-height:500px;border:1px solid #ccc;overflow:hidden;position:relative;text-align:center;margin:auto}div p ...[ 查看全文 ]

  山水相连528

  51
• 
  css实现的图片模糊效果

  标签：Web开发

  马上有人搞出了模糊。。 见过没？ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  504921789

  271
• 
  用CSS轻松实现网上填空

  标签：Html CSS布局 Div+CSS XHTML

        在网上做有奖信息的时候，经常看见一些注册表单，只有一条线供你填写，就跟做考卷时的填空题一样，很Cool！     其实要做成这样的效果并不难，只需用一段很简短的CSS代码即可搞定！     < style type="text/css" < !-- .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none} -- < /sty...[ 查看全文 ]

  TX聊天专用

  721
• 
  用SQL语句实现替换字符串

  标签：编程语言 网络编程

  UPDATE Friend set Name = REPLACE(Name,'脚本,'脚本之家www.jb51.net')超级简单 [ 查看全文 ]

  killer杨

  01
• 
  用CSS实现网页的绝对居中

  标签：Web开发

  6.FF1.5测试通过，绝对定位，直接定位上下左右，强制边局实现容器相对大小（标准）： 代码：略 7.ff1.5 IE5 IE6通过测试 HTML代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="//www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titleVertical centering in valid a class...[ 查看全文 ]

  艾瑟nice

  31
• 
  用ASP+CSS实现随机背景

  标签：ASP

      随机背景--当你每次进入该页面时，从已指定的图片文件夹中，随机选取一个图片作为背景显示。这里介绍的方法是用ASP+CSS来实现的。 ASP--来自ASP101 以下是引用片段： Const IMGS_DIR = "/images" '设定图片文件夹的地址，随机显示该文件夹内任一张图片 Dim objFSO, objFolderObject, objFileCollection, objFile Dim intFileNumberToUse, intFileLooper Dim objImageFileToUse Di...[ 查看全文 ]

  初代鼠王

  511
• 
  用js实现CSS圆角生成更新

  标签：Web开发

  用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点. 中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 ...[ 查看全文 ]

  windy罗先生

  41
• 
  用CSS实现背景半透明效果的方法实现

  标签：Web开发

  如何用CSS实现背景半透明效果？做过活动页面的同学可能会遇到要做背景半透明的效果，我们一般的做法是用两个层，一个用于放文字，另一个用于做透明背景，因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现，我们有更简单的做法： HTML代码： div class="alpha1" div class="ap2" p背景为红色(#FF0000)，透明度20%。/p /div /div CSS代码： .alpha1{ width:30...[ 查看全文 ]

  佬囟w2叹刮

  171
• 
  CSS opacity-实现图片半透明效果

  标签：Web开发

  img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" 在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"opacity",...[ 查看全文 ]

  主营新疆特产

  111
• 
  用CSS实现文字垂直居中的代码

  标签：Web开发

  用CSS实现文字垂直居中的代码 style type="text/css" !-- .con_div{ width:400px; height:300px; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle; background:red; color:#fff } /*FOR IE*/ .webjx{ width:0; height:100%; display:inline-block; vertical-align:middle; } -- /style div class="con_div" span class="webjx"/span 测试内容 /div [ 查看全文 ]

  happy漂泊的人

  21
• 
  用css样式表实现首字大写

  标签：Web开发

    css当中有许多平时很少用的属性，但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐，首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法，东西很简单，下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法: :first-letter版本:CSS2 兼容性:IE5.5+ 语法: Selector : first-letter { sRules } 说明: 设置对象内的第...[ 查看全文 ]

  akpandeng

  11
• 
  用js实现的抽象CSS圆角效果!!

  标签：Web开发

  大概是去年的时候吧,就在网上见过了现成的CSS圆角效果的CSS及HTML代码,例如: html head titlecss圆角效果/title meta http-equiv="content-type" content="text/html; charset=gb2312" style type="text/css" div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;h...[ 查看全文 ]

  HQ琪娃

  41
• 
  用Class组合实现Div+CSS布局

  标签：Web开发

  现在编写xhtml，我们强烈不推荐此种方法，应该是id，class综合应用。此文章只是讲述一种思维，并非建站过程中的方法！ 用标准件的方式来组装网页DIV布局。我把class分为2种：布局class；风格class。 布局class是骨架，风格class是衣服。 举个例子：比如布局中的左栏。首先它的属性有：是左栏，宽度，背景颜色，字体颜色等。 1、首先会定义一个class,比如:.layout,主要用来控制页面整...[ 查看全文 ]

  馬俊超

  41
• 
  用css使网页图片半透明

  标签：Web开发

  你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。 让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。 也许你会问，GIF...[ 查看全文 ]

  响亮白羊

  01
• 
  用纯ASP代码实现图片上传

  标签：ASP

    作者：追风 用ASP编写网站应用程序时间长了，难免会遇到各式各样的问题，其中关于如何上传文件到服务器恐怕是遇见最多的问题了，尤其是上传图片，比如你想要在自己的社区里面实现类似网易虚拟社区提供的“每日一星”的功能，就要提供给网友上传照片的功能。上传图片文件到服务器可以使用各种免费的文件上传组件，使用起来功能虽然很强大，但是由于很多情况下，我们只能使用免费的支持ＡＳＰ的空...[ 查看全文 ]

  帝都王子9

  3021
• 
  网页风格化 用CSS实现皮肤适时切换

  标签：Web开发

  用W3C标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就是可以在不动骨架（结构，XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地换一身皮（表现，CSS）。 当然，换皮之前你需要先按W3C标准建好你的网站，并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”，我们要做的，只是用某种方法让浏览器载入另一套CSS，重新渲染页面。方法有很多种，我就介绍...[ 查看全文 ]

  女尔的笑够纯粹

  651
• 
  用Class组合实现Div+CSS布局教程

  标签：Web开发

  现在编写xhtml，我们强烈不推荐此种方法，应该是id，class综合应用。此文章只是讲述一种思维，并非建站过程中的方法！ 用标准件的方式来组装网页DIV布局。我把class分为2种：布局class；风格class。 布局class是骨架，风格class是衣服。 举个例子：比如布局中的左栏。首先它的属性有：是左栏，宽度，背景颜色，字体颜色等。 1、首先会定义一个class,比如:.layout,主要用来控制页面整个的大小 .layout{widt...[ 查看全文 ]

  925xiaocui

  51