改变Div的顺序,页面跳转,css、avascript加入到html的方式

1.
改变Div的顺序
再写5个一样的div,需要的时候显示其中一个!
document.getElementById(?).style.display = "none";
document.getElementById(?).style.display = "block";


2.简单css编写
#change_pic
{
margin:0px auto;
font-size:12px;
padding:0px;
border-bottom:1px solid #00c;
background:#eee;
width:606px;
height:300px;
}


#pic1,#pic2,#pic3,#pic4,#pic5
{
float:left;
margin:0px;
padding:0px;

background-image: url(../images/test.jpg);
background-position: center center;


width:41px;
height:300px;
}


#placeholder
{
float:left;
margin:0px;
padding:0px;

background-image: url(../images/placeholder.gif);
background-position: center center;


width:400px;
height:300px;
}


3.页面跳转

1.οnclick="javascript:window.location.href='URL'"
2.οnclick="location='URL'"
3.οnclick="window.location.href='URL?id=11'"
4.在新的窗口打开<a οnclick="if(checkvalue()){window.open(this.href+uid);return false;}" href="http://222.com/id=" target="_blank">222</a>
5.如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].location

return false不是取消事件冒泡,而是取消“浏览器默认行为”。
比如一个链接
<a href="http://zhidao.baidu.com">百度知道</a>
当我们点击这个链接时,浏览器会自动跳转到:zhidao.baidu.com这个地址,这是浏览器的默认行为,如果我们这么做:
<a href="http://zhidao.baidu.com" οnclick="return false">百度知道</a>
那么再次点击这个链接时,浏览器则不会进行跳转。


4.css加入到html的方式


5.javascript加入到html的方式
一:JavaScript 可以出现在 HTML 的任意地方。使用标记<script language="javascript">…</script>
二:在head里通过<script src="XX.js" type="text/javascript"></script> 引入外部js文件
三:通过在标签内直接加入事件或者在a中加入等写入css命令,如:
<a href="11" οnfοcus="this.blur();">锚文本</a>
<div οnclick="javascript:alert('1');">DIV</div>
(这里“javascript: ”可省略)
网页是从上往下执行的,当遇到js时,浏览器会把已经解析的js放在缓存中,当浏览器找到与它相关的标签时才进行匹配的,有的人喜欢放在前面,也有放在后面的,也有紧跟的,这要视具体情况而定,


通过使用JavaScript访问HTML元素style的位置属性,改变div的位置。
<script type="text/javascript">
function test(){
 var testDiv = document.getElementById("testDiv");
 testDiv.style.top = "50px";
 testDiv.style.left = "50px";
}
</script> 
CSS代码

主要作用是定位测试div。

#testDiv { 
 position:relative;
 top:0px; left:0px;
 border:1px solid #000;
 }
 </style>
HTML代码


测试div。

<div id="testDiv">
<p>我是测试div,点击下面的按钮就可以改变我的位置。</p>
<p>
  <button οnclick="test(); return false;" value="改变位置" >改变测试div的位置</button>
</p>
</div>


<div οnmοuseοver="changeImg(this)" style="background-image:url(/xi.jpg);">
    asdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklasasdjasldjlsdjlksjdklsjksldjklas
</div>


<script type="text/javascript">
function changeImg(obj){
   obj.style.backgroundImage = "url(img/1.png)";
   //obj.style.backgroundImg = "url(img/yygk1.png)";
   //obj.style.background = "url(img/yygk1.png)";
}
 
</script>


开发者薪资水平明显提高,月薪5000元以上人数占比较2011年增长10.8%。
在IT业较集中的17个城市中,高收入开发者占比最高的依次为:上海、北京、深圳,最低的依次是济南、沈阳和西安。
高收入开发者占比最大的前3行业:互联网、游戏、国防/军队。
最赚钱的四种编程语言是:Objective-C、C++、Python、C。
导致开发者跳槽三大原因:薪水低、福利少、公司技术水平差。
开发者跳槽三大途径:招聘网站、朋友介绍、招聘会。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值