夏易网络

您的当前位置:首页 > 新闻动态 > 网站建设学堂 >

js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式

2017-08-09 06:00:21   来源:   评论:0 点击:

js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的。页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版。代码如下:

js点击添加css样式
 

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式</title>
<meta name="keywords" content="js点击,添加css" />
<meta name="description" content="js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式" />
<script>
function doact(s){
var t = document.getElementById('mybody'),
c = s.className;
if(c != null && c.indexOf(' more') > -1){
s.className = c.replace(' more', '');
t.className = t.className.replace(' mybodys', '');
document.getElementById('menus').src="http://www.nnxiayi.com/myfile/images/xy003.jpg";
}else{
s.className = c + ' more';
t.className = t.className + ' mybodys';
document.getElementById('menus').src="http://www.nnxiayi.com/myfile/images/xy004.jpg";
}
}
</script>
</head>
<body>
<div id="mybody">
<div class="menu"><a  class="mynav" onClick="doact(this);" rel="nofollow"><img src="http://www.nnxiayi.com/myfile/images/xy005.jpg" id="menus"/></a></div>
</div>
</body>
</html>
新闻动态
网站建设学堂
网站优化学堂
网络行业新闻
夏易网络动态
推荐文章
如何查看网站哪些图片或文件影响网站打开速度?
如何让网站打开速度更快之图片压缩
大型企业网站建设需要注意的几个问题
高端企业网站建设PK低端企业网站建设
网站SEO优化是什么意思?
  • 网建
  • 优化
  • 资讯
  • 案列
  • 客服 有事点这里 有事点这里