重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
$().css("","");通过这个可以修改css,把你设置好的css修改,但是不能移除,如果要移除的话,你可以设置class ,然后采用removeClass("class里面的某种样式")
创新互联公司专注于企业营销型网站、网站重做改版、灌南网站定制设计、自适应品牌网站建设、HTML5建站、商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为灌南等各大城市提供网站开发制作服务。
JQuery是对js的封装,脚本语言,你想把网页背景换为透明,用css样式做
style type="text/css"
body{
background-color:Transparent;//背景色:透明
}
/style
或者直接在元素的属性里面加入
style=" background-color:Transparent;"
用jquery修改元素样式就行了
如果用动画的话代码如下
$("元素").animate({opacity:"1"},1000)//opacity是透明度 0为完全透明 1为完全不透明
LZ是香做flash一样的动画样式吧
$("元素").click(function(){
$(this).animate({left:"300px",top:"300px",opacity:"0"},1000)//left是距左多少像素,top是距上多少像素,opacity透明度,1000表示渐变时间
.animate({top:"300px",opacity:"1"},1000)
.animate({left:"0px",top:"300px",opacity:"0"},1000)
.animate({left:"0px",top:"0px",opacity:"1"},1000,function(){
$(this).trigger("click"); //回调
});
});
希望对楼主有所帮助
你的代码里,用了两个this,但是这两个this所代表的对象是不同的。
第一个this,是在class为".hide_this"的HTML控件的click事件方法里,代表的是$("hide_this")所筛选到的HTML控件对象;
而另一个this是在$(this).parents('.m_box')的animate方法的回调函数里,这个this代表的则是$(this).parents('.m_box')所筛选到的HTML控件对象,你再在animate的回调函数里用.$(this).parents('.m_box')去筛选其父层的class为".m_box"的控件,即便找到了,也不是现在这个已经变透明的控件。
按照你的现在的实现逻辑,你的代码修改成下面这个样子就可以了:
$('.hide_this').click(function(){
var source = this;
$(source).parents('.m_box').animate({opacity:'0.3'},2000, function(){
$(source).parents('.m_box').animate({opacity:'1'},2000)
})
另外可以更简单一些来处理:
$('.hide_this').click(function(){
$(this).parents('.m_box').animate({opacity:'0.3'},2000, function(){
$(this).animate({opacity:'1'},2000)
})
对于this关键字,在什么时候,什么地方会代表什么对象,你自己应该尽量多熟悉一下。
下面是我自己测试的代码:
html
head
script type="text/javascript" src=""/script
script language="javascript"
$(document).ready(function(){
$("#opCmd").click(function(){
$(this).parent("div").animate({opacity:'0.3'},2000,function(){
$(this).animate({opacity:'1'},2000)
});
});
});
/script
/head
body
div id="div1" style="width:200px;height:300px;background-color:red"
button id="opCmd"设置透明/button
/div
/body
/html
!DOCTYPE html
html
head
meta charset=" utf-8"
meta name="author" content="" /
title蚂蚁部落/title
style type="text/CSS"
div{
width:150px;
height:150px;
background-color:green;
}
/style
script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.JS"/script
script type="text/javascript"
$(document).ready(function(){
$("div").animate({"opacity":"0.1"},1500);
})
/script
/head
body
div/div
/body
/html
可以在拖动时候设置一个透明的背景色 url(“透明度高的图片”) no-repeat;
如:
dragStart: function( event, ui ) {
$('#loading').dialog('widget').css('background','url(透明度高的地址) no-repeat');
}
dragStop: function( event, ui ) {
$('#loading').dialog('widget').css('background','url(透明度低的地址) no-repeat');
}
上面为全透明图片一张,希望能帮到你