knrt.net
当前位置:首页 >> 用jQuEry语言,点击Div,更换背景图片(附Div和背... >>

用jQuEry语言,点击Div,更换背景图片(附Div和背...

修改border样式就可以了需要结构,以div的class为"bank"为例:css部分:.back_active{border:1px solid red;}jquery部分:$(".bank").click(function(){ if($(this).hasclass("bank_active")) return; $(".back_active").removeclass("back_active"); $(this).addclass("back_active");});

<div id=“btn_img” class="img01"></div> <script> &#36;("#btn_img").click(function(){ &#36;(this).toggleclass("img02"); }); <&#47;script> <style>#btn_img{ no-repeat; width:40px; height:40px;} .img01{background:url("img01.jpg");} .img02{background:url("img02.jpg");}</style>

这个还是挺简单,第一种,设置一个变来量 如 var toggle = true , 当为true时,作if(toggle == true)判断更改背景同时 改toggle 为false ; 第二次自点击时 ,这时toggle为false ,作if(toggle == false)判断,如果为真则还原背景 . 第二种方法,直接调用 toggle()函数 ,如 $("div").toggle(function(){},function(){}) ,这里第一个function就是zhidao第一次点击时要做的事 ,第二个function就是第二次要做的事 ..以此类推

animation,time和timetask或者用handler

自己准备图片1.jpg和图片2.jpg.<html><style> div{ width:300px; height:300px; border:1px solid black; background-image:url(1.jpg); }</style><script> function changeImg(){ var div = document.getElementById("test"); if(div.style.backgroundImage =

css:/*原来的背景色*/.bg{background:'red'}/*要切换的背景色*/.bg_click{background:'green'} js:$('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click').html('你要

css("background-image","url(image[n])"); 问题出在这里了吧!你这么写不相当于 background-image:url(image[n]) 了么?这样试试:$(".slider_image").css("background-image","url("+image[n]+")");

<script language="javascript" type="text/javascript"> var images= ["images/2.png", "images/3.png", "images/4.png", "images/5.png"]; var index = 0; function switch_background(){ if(index ==images_id.length-1) { index = 0; }else{

transition: width 300ms; -o-transition: width 300ms; -moz-transition: width 300ms; -webkit-transition: width 300ms; 用这个属性来作过渡 给以去查transition;

var bgs = [ "第一张图片的地址", "第二张", "第三张"];var curbg = -1;window.onload = function() { setInterval(function() { document.getElementById("div 的ID").style.background = "url('" + bgs[curbg >= bgs.length - 1 ? curbg = 0 : ++curbg] + "')"; }, 5000);};

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com