凤眠

先行后知,知行合一

导航

代码片段

Posted on 2015-03-16 18:36  凤眠  阅读(171)  评论(0编辑  收藏  举报

插入一段JavaScript脚本:

<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?191a8471642cc8a0314c65baf277dcad";
var s = document.getElementsByTagName("script")[0];
// console.log(s);
s.parentNode.insertBefore(hm, s);
})();
</script>

 

在控制台显示招聘信息:

try{
if(window.console&&window.console.log) {
console.log("一张网页,要经历怎样的过程,才能抵达用户面前?\n一位新人,要经历怎样的成长,才能站在技术之巅?\n探寻这里的秘密;\n体验这里的挑战;\n成为这里的主人;\n加入百度,加入网页搜索,你,可以影响世界。\n");
console.log("请将简历发送至 %c ps_recruiter@baidu.com( 邮件标题请以“姓名-应聘XX职位-来自console”命名)","color:red");
console.log("职位介绍:http://dwz.cn/hr2013");
}
} catch(e){

}

 

文字显示在图片之上:

<div>
  <div>
    <img src="img/babe.png" width="100px" height="100px"/>
  </div>
  <div style="position: absolute; top: 50px; left: 25px; ">测试文字</div>

  <div style="background: url('img/baby.png') no-repeat center center; width: 100px; height: 100px; line-height: 100px; text-align: center">测试文字二</div>
</div>
方法一:用css定位
方法二:用图片作为文字背景