zoukankan      html  css  js  c++  java
  • 动态的改变标签内的src属性

    <body>

       <ul>

             <li class='on'>1</li>

             <li>2</li>

             <li>3</li>

             <li>4</li>

             <a href='#'>0000</a>

    </ul>

    样式部分:

         .on {

            color:red;

            }

    JS部分:前提已经已经JQuery了

      <script>

       $(document).ready(function(){

        $('li').mouseenter(function(){

                      $(this).addClass('on').siblings('li').removeClass('on');  鼠标移到哪个li ,加上on这个类,其他兄弟元素去掉on这个类

                       var index = $(this).index();   //获取当前的索引值

                        console.log(index);     //打印这个索引值

                        if(index==0) {

                          $('a').attr('src','www.baidu.com');

                         }else if(index==1){

                          $('a').attr('src','www.sougou.com');

                         }else if(index==2){

                          $('a').attr('src','www.taobao.com');

                         }else {

                          $('a').attr('src','www.jd.com');

                         }

                    })

                })

      </script>  

  • 相关阅读:
    java的堆和栈
    概率题
    并发复习在回顾
    hashmap和hashtable
    StringBuilder和StringBuffer
    WinSCP 工具
    网络桥接注意问题。
    虚拟机网络设置
    Spring任务计划
    Spring任务执行器(TaskExecutor)
  • 原文地址:https://www.cnblogs.com/agansj/p/6074157.html
Copyright © 2011-2022 走看看