下边代码,背景渐变切换不兼容火狐,谷歌,高手指点下!
<script type="text/javascript">
$(document).ready(function() {
$('a.link').click(function () {
setTimeout(function () {
var img = document.getElementById("bg");
if (navigator.userAgent.indexOf('MSIE') !== -1) {
// this is IE
img.style.filter = "blendTrans(Duration=3);";
img.filters[0].Apply(); //加载该滤镜,
img.filters[0].Play();
}
if (img.src.indexOf("sample-1.jpg") > 0) { img.src = "images/sample-2.jpg";
}
else {
img.src = "images/sample-1.jpg";
}
}, 2000);
$('#wrapper').scrollTo($(this).attr('href'), 1200);
setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px')
setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px')
$('a.link').removeClass('selected');
$(this).addClass('selected');
return false;
});
});
function setPosition(check, div, p1, p2, p3, p4, p5, p6, p7, p8) {
if(check==='#box1')
{
$(div).scrollTo(p1, 1000);
}
else if(check==='#box2')
{
$(div).scrollTo(p2, 1000);
}
else if(check==='#box3')
{
$(div).scrollTo(p3, 1000);
}
else if(check==='#box4')
{
$(div).scrollTo(p4, 1000);
}
else if(check==='#box5')
{
$(div).scrollTo(p5, 1000);
}
else if(check==='#box6')
{
$(div).scrollTo(p6, 1000);
}
else if(check==='#box7')
{
$(div).scrollTo(p7, 1000);
}
else
{
$(div).scrollTo(p8, 1000);
}
};
</script>
<script type="text/javascript">
$(document).ready(function() {
$('a.link').click(function () {
setTimeout(function () {
var img = document.getElementById("bg");
if (navigator.userAgent.indexOf('MSIE') !== -1) {
// this is IE
img.style.filter = "blendTrans(Duration=3);";
img.filters[0].Apply(); //加载该滤镜,
img.filters[0].Play();
}
if (img.src.indexOf("sample-1.jpg") > 0) { img.src = "images/sample-2.jpg";
}
else {
img.src = "images/sample-1.jpg";
}
}, 2000);
$('#wrapper').scrollTo($(this).attr('href'), 1200);
setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px')
setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px')
$('a.link').removeClass('selected');
$(this).addClass('selected');
return false;
});
});
function setPosition(check, div, p1, p2, p3, p4, p5, p6, p7, p8) {
if(check==='#box1')
{
$(div).scrollTo(p1, 1000);
}
else if(check==='#box2')
{
$(div).scrollTo(p2, 1000);
}
else if(check==='#box3')
{
$(div).scrollTo(p3, 1000);
}
else if(check==='#box4')
{
$(div).scrollTo(p4, 1000);
}
else if(check==='#box5')
{
$(div).scrollTo(p5, 1000);
}
else if(check==='#box6')
{
$(div).scrollTo(p6, 1000);
}
else if(check==='#box7')
{
$(div).scrollTo(p7, 1000);
}
else
{
$(div).scrollTo(p8, 1000);
}
};
</script>
解决方案 »
- JQuery中这个function(e)那个e是什么意思?求指教
- 注册会员判断EMAIL或手机!!!急急急....
- 这个JS怎么写
- 两个正则表达式,一个是另一个的子串,如何精确匹配
- ASP数据连接问题~~留言板~~
- 灌水:希望csdn的js版火起来,不要让我再跑其他js论坛去
- 求助:怎样用javascript来控制选择select下拉菜单中的项,来改变另外框架内的页面
- 有做网页的大虾吗?在php中上传文件的时候 通常有一个浏览 再选择路径,有办法通过url直接设置路径,而不要点浏览再选择吗??
- showmodelessdialog 的frame 问题
- 如何生成一个无菜单,无状态栏,无地址栏,的三无产品啊?
- 指纹仪js代码的指纹图片不显示
- 正则问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.bg{ width:100%; height:500px;
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#FFFF0000,endColorStr=#FFFFFFFF)";
*filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#FFFF0000,endColorStr=#FFFFFFFF);
background:-moz-linear-gradient(left,#FF0000,#FFFFFF);
background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#FF0000), to(#FFFFFF));
}
</style>
</head>
<body>
<div class="bg">渐变背景</div>
</body>
</html>
你要弄个定时器去改变这个opacity的值