怎样把网站图片颜色变为红色

html-css013

怎样把网站图片颜色变为红色,第1张

这个是变黑白的,你参照下方法,看看能不能变红色。

在你网站的CSS文件力加入此代码即可自动把网站一切颜色变成单色,哀悼日过后删除代码即可还原彩色 复制内容到剪贴板

代码:html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}

1.如果仅仅是光标放到div按钮上按钮背景图片改变,直接用css实现:

.div1{background:url(../images/but_01.gif) }

.div1:hover{background:url(../images/but_02.gif)}

2.如果是点击div按钮,按钮背景图片改变,可以用JQuery实现:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>

<style type="text/css">

.div1

{

width: 300px

height: 300px

border: 1px solid black

background-image: url(Images/1.jpg)

}

</style>

<script type="text/javascript">

$(document).ready(function () {

$(".div1").bind("click", function () {

$(this).css("background-image", "url(Images/3.jpg)").mouseout(function () {

$(this).css("background-image", "url(Images/1.jpg)")

})

})//bind

}) //ready

</script>

</head>

<body>

<div class="div1">

</div>

</body>

</html>