js_常见特效——点击切换_背景颜色_收起与展开

<script src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){    
    //左侧导航切换
    $(".a").click(function(){
        $(".active").removeClass("active");
        $(this).addClass("active");
})     
})

$(function(){    
   $(‘#subnavs3336‘).click(function(){
        var $ul = $(this).next(‘ul‘);
        $(‘dd‘).find(‘ul‘).slideToggle();
        if($ul.is(‘:visible‘)){
            $(this).next(‘ul‘).slideToggle();
        }else{
        }
    });
    $(‘#subnavs3331,#subnavs29135,#subnavs3372‘).click(function(){
        $(‘dd‘).find(‘ul‘).slideUp("slow");
    });

})    
</script>

时间: 2024-10-12 04:21:06

js_常见特效——点击切换_背景颜色_收起与展开的相关文章

ios点击改变uiview背景颜色

ios点击改变uiview背景颜色是一个再常见不过的需求.第一反应应该不麻烦,于是写了个第一个版本 @interface RespondentUIView() { UIColor * bgColor; } @end @implementation RespondentUIView- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { bgColor = self.backgroundColor; self.backgr

取消a标签在移动端点击时的背景颜色

一.取消a标签在移动端点击时的蓝色  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  -webkit-user-select: none;  -moz-user-focus: none;  -moz-user-select: none; 二.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{     -webk

js切换实现背景颜色

<script type="text/javascript"> obj=document.getElementsByTagName('h1'); for(i=0;i<obj.length;i++){ obj[i].setAttribute('num',0); obj[i].onclick=function(){ num=parseInt(this.getAttribute('num')); if(num%2==0){ this.style.background='#c

JS点击更换网页背景颜色

JS部分 <script type="text/javascript"> // 定义可换的颜色 var colors = ["#ff0000", "#00ff00", "#0000ff", "#ffff00", "#00ffff", "#ff00ff"]; var index = 0; // 换色方法 function changeColor() { //

element 点击切换按钮的颜色

1.html <el-button-group label="时间"> <el-button @click="seeHour" :type="buttonhour" >时</el-button> <el-button @click="seeDay" :type="buttonday" >天</el-button> <el-button @cl

input标签设置背景颜色

给input的button按钮的点击事件添加背景颜色变化 1. $("#aa").style.backgroundColor = 'red'这种写法报错 2. $("#aa").css("background-color","gray");这种写法可以实现背景色的改变 原文地址:https://www.cnblogs.com/bulata/p/8176807.html

selector实现点击图片切换(解决常见的点击无效问题)

实现效果图:       图片未点击前                         图片点击后 selector的实现方法其实很简单,只需3步: 第一步:选择两张图片效果图放在res/drawable-hdpi中,放在mdpi也可以 第二步:在mdpi文件夹中新建xml文件,命名为selector.xml.注意名字selector后面会引用到. 在selector.xml文件中,完成代码: <?xml version="1.0" encoding="utf-8&qu

前端编程提高之旅(二)----网站常见特效的jquery实现

最好的编程语言是逻辑,前端各种交互特效的实现多可以用jquery实现,特效可以纷飞,内在逻辑则基本不变.这一篇文章主要介绍jquery实现常见特效背后的逻辑.    1.通过类名获取元素集合    首先来看一个js原生代码不支持的方法,通过类来获取元素集合. document.getElementsByClassName=function(classname){ var retnode = []; var myclass = new RegExp('\\b'+classname+'\\b');/

【技术】点击切换&amp;自动切换选项卡

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>点击切换和自动切换选项卡</title> <style type="text/css"> *{list-style:none;margin:0;padding:0;overflo