如何用JS来改变CSS属性?

html-css07

如何用JS来改变CSS属性?,第1张

通过js来改变CSS属性,使用jQuery可以很方便的实现,像这样:

$("img").css('border-color','red')

就可以把边框颜色都变成红色。

这是针对此问题的测试页面

2、这是3张图片

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=975878983,2392470128&fm=11&gp=0.jpg'>

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=61343736,951557457&fm=11&gp=0.jpg'>

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1354592590,1762022981&fm=11&gp=0.jpg'>

3、这是图片的样式,边框默认为灰色。

img{

max-width:200px

border-color:gray

border-width:10px

border-style:solid

}

4、现在通过这几行用到jQuery的代码,控制图片边框根据鼠标移入移出边框变灰和变红。

$(function(){

$("img").on('mouseover',function(){

$(this).css('border-color','red')

}).on('mouseout',function(){

$(this).css('border-color','gray')

})

})

5、效果如图

分类: 电脑/网络 >>百度 >>百度空间

问题描述:

百度

解析:

点设置——模板设置——修改摸板~

如果你是使用的比赛摸板,或者选择的下面自有的摸板,那么你就需要查找这CSS文件,在下载后修改~

方法如下:

步骤如下:

进入你空间主页后——点击鼠标右键——查看原文件——按键盘上的键Ctrl+F在里面输入CSS——开始查找——找到这段以CSS为后缀名的代码:

比如我空间的CSS代码:hi.baidu/adm188/css/item/43195a4e6095c309b2de057f.css

/adm188/css/item/43195a4e6095c309b2de057f.css这就是查找到的~

adm188是我空间的域名,后面就CSS文件~

然后你直接复制这CSS地址在浏览器中打开,会提示打开或者保存,你可以先保存一个地方,然后找到这个文件——右键选择方式——用word打开即可——里面就是你需要的CSS代码了。

如果你没有创建CSS摸板,先要创建然后把这CSS代码直接粘贴进去即可~