切换背景图

标签: 切换背景图
4人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html lang="en">
<script src="jquery-1.8.3.min.js"></script>
<head>
<meta charset="UTF-8">
<title>切换背景图</title>
<style>
.check{
  text-align: right;
  font-size:24px;
  height: 50px; 
  width: 150px;
  background: url(agree.png) left center no-repeat;
}
.checkbox{
  width:50px;
  height: 50px;
  vertical-align: middle;
  filter:alpha(opacity=0); 
  -moz-opacity:0; 
  -khtml-opacity: 0; 
  /*opacity: 0; */
}
label {
  vertical-align: middle;
}
</style>
</head>
<body>
<div class="check">
 <input id="checkbox1" class="checkbox" type="checkbox" checked ="checked" /><label>记住密码</label>
 </div>
</body>
</html>
<script>
$(document).ready(function(){
var flag = 1;
$(".check").click(function(){
  if(flag == 1){
    $(".check").css("background","url(agrees.png) left center no-repeat");
    flag = 0;
  } else{
  $(".check").css("background","url(agree.png) left center no-repeat");
    flag = 1;
  }
})
});

</script>


查看评论

把图像文件上传到数据库,并从数据库读出

上传图片到数据库:using System;using System.Collections;using System.ComponentModel;using System.Data;using S...
  • wildhorse01
  • wildhorse01
  • 2002-06-26 09:23:00
  • 1047

JQ JS 切换背景图

var currentIndex = 0;    function changeBg() {        //定义要切换的背景图片,双引号里面"1.jpg","2.jpg","3.jpg","4.j...
  • wybshyy
  • wybshyy
  • 2016-07-29 14:03:24
  • 563

利用js实现鼠标切换控件背景图片

js控制鼠标经过控件改变背景图片和点击控件改变背景图片。
  • feven1994
  • feven1994
  • 2016-09-20 09:04:59
  • 1152

定时循环切换背景图片

这里设置的是每隔5s 切换背景图片 一直无限循环下去;var t = 0; function setBackground(){ switch (t%4){ case 0 : {...
  • z_l_ming
  • z_l_ming
  • 2016-06-08 17:40:00
  • 895

纯CSS实现背景图片切换(CSS3伪类实现背景图片切换)

跟着慕课网的教程学习了一下伪类 ,然后试着练习了一下用CSS伪类来实现背景图片切换。 先上一下效果图,当我点击圆圈里的缩略图的时候,背景图片就会变为与缩略图一样的图片。 要用到的伪类及其作用有: ...
  • qq_36370731
  • qq_36370731
  • 2017-09-30 15:55:14
  • 1070

button点击切换背景图片的问题

我做了个UIButton的扩展,代码如下: #import @interface CheckBoxButton : UIButton @property (nonatomic,assign) B...
  • u012951123
  • u012951123
  • 2014-12-11 15:50:21
  • 1780

纯css3实现点击缩略图切换背景图

1:html页面部分: html> html lang="en"> head> meta charset="UTF-8"> title>纯css3实现背景图片切换效果title>...
  • u010359143
  • u010359143
  • 2015-12-22 16:20:55
  • 1805

android背景图片及状态切换

android SDK中关于颜色状态背景的说明:http://developer.android.com/guide/topics/resources/color-list-resource.html...
  • ff20081528
  • ff20081528
  • 2013-12-12 17:50:41
  • 6292

backstretch.js实现登录页面背景图切换demo

  • 2017年01月06日 09:33
  • 556KB
  • 下载

背景图片每次刷新以后随机切换和背景图片隔一段时间换一个

首先要有一个添加背景图片的div     css样式中添加背景tu图 body{height:100%;} #myDiv{background-image:url("img/yellow.jpg"...
  • qq_33769914
  • qq_33769914
  • 2016-07-24 22:27:57
  • 1905
    个人资料
    持之以恒
    等级:
    访问量: 2332
    积分: 695
    排名: 7万+
    文章存档