变背景图片位置

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type ="text/javascript">
function changeTab(obj) {
var tabsDiv = document.getElementById("tabs");
var links = tabsDiv.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
if (obj==links[i]) {
links[i].style.backgroundPosition = "0px -32px";
} else {
links[i].style.backgroundPosition = "0px 0px";
}
}
}
</script>
</head>
<body>
<div id="tabs">
<a href ="#" onclick ="changeTab(this);return false;">谷歌</a>
<a href ="#" onclick ="changeTab(this);return false;">百度</a>
<a href ="#" onclick ="changeTab(this);return false;">学习</a>
<a href ="#" onclick ="changeTab(this);return false;">视频</a>
<a href ="#" onclick ="changeTab(this);return false;">百科</a>
</div>
</body>
</html>

时间： 2024-10-09 18:03:43

变背景图片位置的相关文章

css之背景 | padding | 背景图片 | 位置

1.边界距:两个元素之间边框的距离 可以分别指定上右下左:如果写margin:一个值,就是上右下左的边界距都是一个值. 举例: tip:不写margin的话默认就会是0px,就是不加边界距,就是原来图片的位置 2.填充属性:边框内空间的大小 举例: 3.对任何元素指定背景图片 tips1:找图片的网址,图片右键属性->地址 4.设定背景图片的重复方式: 默认是重复的 举例: 5.背景附着: 举例: 6.背景定位(用于背景图片): 举例: 离上边100px,离左边100px:

扫雷2--小格背景色变背景图片

将小DIV设背景颜色并设置触发的事件(当点击小DIV时它的背景颜色变为背景图片) 地雷的位置是固定的,可自己设置 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> * { margin:0px a

css背景图片位置：background的position（转）

position的两个参数:水平方向的位置,垂直方向的位置----------该位置是指背景图片相对于前景对象的 1.background:url(../image/header.jpg) no-repeat left top;  /*相当于0%  0%*/表示背景图片在指定div的位置,从左上角开始 2.background:url(../image/header.jpg) no-repeat right bottom;  /*相当于100%   100%*/表示背景图片从指定div的右下角开

背景图片位置设置

举例: background: url("images/pc4.png") 100% 0 no-repeat; 以上,100%和0表示(x,y)位置. x=左侧距离÷(对象宽度-背景图片宽度)×100%: y=顶部距离÷(对象高度-背景图片高度)×100%: 另外,先设置背景图片,再设置背景颜色,两者可以共存. 原文地址:https://www.cnblogs.com/wanlibingfeng/p/11112550.html

背景图片位置设置为百分比

background-position:50% 50%;水平和垂直方向都居中. background-position:value1 value2 value1和value2的值可以值绝对值也可以是百分数,大部分值都很好理解,但是50% 50%这两个值是如何计算的呢? 图片水平和垂直居中.与 background-position:center center;效果等同. 等同于x:{容器(container)的宽度-背景图片的宽度}*x百分比,超出的部分隐藏. 等同于y:{容器(containe

CSS侧边工具栏-背景图片法

本文内容来自慕课网的侧栏工具条开发. 效果:   鼠标划过每一个小方框,切换图片,且微信和APP会在左边显示二维码图 实现原理:鼠标划过--背景图片位置的改变,二维码图片从0.01的比例变为1,不透明变透明 HTML部分: <!doctype html><html lang="zh-cn"><head>    <meta charset="utf-8">    <meta http-equiv="X-U

背景图片定位

 背景图片定位(background-position)原理 A. 语法:Background-position:水平位置 垂直位置 B. 水平位置/垂直位置设置方法: 1) 数值(px)正负值都可以,正数值表示向右移动或向下移动,负数值表示向左或向上移动: 2) 百分比(%)范围:0%-100% 3) 关键词:水平位置:left(左) center(中) right(右) 垂直位置:top(上) center(中) bottom(下) 默认情况下,background-position的原点位

初学ToggleButton 点击按钮，更换按钮背景图片；再次点击，恢复之前背景图

上方的图标,R.drawable.register_checked  是选中图片 下方的图标,   R.drawable.register_unchecked 是未选中图片 默认是上方的选中效果.点击按钮,取消选中:再次点击按钮,再次选中. 其实这是两张图片.关键在于图片必须跟着按钮改变. 一开始想用Button实现,纠结了很久,只有按上去和松开的效果,并没有点击后变背景图片的效果. 后来百度了很久,找到可以 用ToggleButton实现我想要的效果,在这里与大家分享. XML: androi

一个解决chrome浏览器下input标签当autocomplete的时候背景变黄色同时input背景图片消失方案

最近在改一个bug即如标题所讲的一样,chrome浏览器下当input标签开启autocomplete的时候input的背景颜色变黄同时在input的背景图片也被覆盖了.为此百度了好久发现网上说的使用js来append操作,亲测了都不管用.除非把autocomplete=“off”关了,但这就不符合需求了 如图 网上说的改变-webkit-autofill的阴影背景是可以去除黄色背景的,但是图片依旧被覆盖了. input:-webkit-autofill{ box-shadow:0 0 0px