快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery透明度,jquery透明度设置

jquery怎么使设置好的透明度移除

$().css("","");通过这个可以修改css,把你设置好的css修改,但是不能移除,如果要移除的话,你可以设置class ,然后采用removeClass("class里面的某种样式")

创新互联公司专注于企业营销型网站、网站重做改版、灌南网站定制设计、自适应品牌网站建设、HTML5建站商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为灌南等各大城市提供网站开发制作服务。

把JQuery嵌进网页中,如何把背景改成透明

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"); //回调

});

});

希望对楼主有所帮助

jquery设置透明度的问题

你的代码里,用了两个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

如何使用jQuery设置背景的透明度

!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

jquery dialog 怎样半透明

可以在拖动时候设置一个透明的背景色 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');

}

上面为全透明图片一张,希望能帮到你


网站标题:jquery透明度,jquery透明度设置
本文路径:http://6mz.cn/article/dsdgcph.html

其他资讯