一个对联效果

对联效果

<div style="width:980px; height:20000px; margin:0px auto; position:relative;">

<script type="text/javascript" >

document.writeln("<div class=\"QQbox\" id=\"divQQbox\" style='right:-200px;POSITION:absolute;TOP:100px;'>");

document.writeln("<div class='Qlist' id='divOnline'>");

document.writeln("<img src='p_w_picpaths/g01.jpg' >");

document.writeln("<\/div>");

var tips;

var isIE6=false;

document.write("<!--[if lte IE 6]><script>isIE6=true;</scr"+"ipt><![endif]-->");

if(isIE6){

var theTop = 10;

}

else{

var theTop = 60;

}

var old = theTop;

function initFloatTips() {

tips = document.getElementById('divQQbox');

moveTips();

};

function moveTips() {

var tt=50;

if (window.innerHeight) {

pos = window.pageYOffset

} else if (document.documentElement && document.documentElement.scrollTop) {

pos = document.documentElement.scrollTop

}

else if (document.body) {

pos = document.body.scrollTop;

}

pos=pos-tips.offsetTop+theTop;

pos=tips.offsetTop+pos/10;

if (pos < theTop) pos = theTop;

if (pos != old) {

tips.style.top = pos+"px";

tt=10;

}

old = pos;

setTimeout(moveTips,tt);

}

initFloatTips();

</script>

</div>

本文出自 http://www.zhaodandan.net/

转载于:https://blog.51cto.com/dandanzhao/852316

web前端开发 —— 一个对联效果相关推荐

  1. html背景对联效果-恭喜新禧,web前端开发 —— 一个对联效果

    对联效果 document.writeln(" "); document.writeln(" "); document.writeln("" ...

  2. 想成为一个Web前端开发工程师,需要掌握的详细知识总结

    前端工程师已经成为目前互联网企业极具竞争力的人才,企业不断提升薪资水平为了招聘到优秀的Web前端开发工程师.因此,越来越多的人想要学习Web前端.那么呢?Web前端的学习路线是什么? 想成为一个Web ...

  3. 视频教程-Web前端开发利器 SPRY框架之页面效果-JavaScript

    Web前端开发利器 SPRY框架之页面效果 有17年互联网行业从业经验,始终在教学第一线,勇于创新,从有效教学,不断向高效教学转变.始终坚持"学生为主体,教师为主导:商业化案例,企业化情境& ...

  4. 想成为一个Web前端开发工程师,需要掌握哪些知识?

    前端工程师已经成为目前互联网企业极具竞争力的人才,为了招聘到优秀的Web前端开发工程师,企业不断的提升薪资水平.因此,有越来越多的人加入到了学习Web前端行列.那么,想成为一名web前端开发工程师需要 ...

  5. 怎样成长为一个优秀的 Web 前端开发工程师?

    链接:http://www.zhihu.com/question/19554845/answer/16755476 来源:知乎 首先,优秀的Web前端开发工程师要在知识体系上既要有广度和深度!做到这两 ...

  6. 读书笔记:编写高质量代码--web前端开发修炼之道(二:5章)

    读书笔记:编写高质量代码--web前端开发修炼之道 这本书看得断断续续,不连贯,笔记也是有些马虎了,想了解这本书内容的童鞋可以借鉴我的这篇笔记,希望对大家有帮助. 笔记有点长,所以分为一,二两个部分: ...

  7. 零基础如何掌握web前端开发技能

    很多零基础学员想要进入到互联网行业都会选择web前端做首选技术语言来学习,但是学习web前端不是那么容易的,想要成为一名合格的web前端工程师,所要掌握的技能一定要会,下面小编就为大家详细的介绍一下零 ...

  8. Web前端开发最佳实践(8):还没有给CSS样式排序?其实你可以更专业一些

    前言 CSS样式排序是指按照一定的规则排列CSS样式属性的定义,排序并不会影响CSS样式的功能和性能,只是让代码看起来更加整洁.CSS代码的逻辑性并不强,一般的开发者写CSS样式也很随意,所以如果不借 ...

  9. html前端开发是什么,web前端开发需要会什么

    对于很多刚入坑it行业的新人小白来说,web前端开发算是一个对技术要求比较高的岗位,我们经常在一些企业招聘上可以看到web前端的工程师需要掌握多个技能,甚至后端的开发语言都需要掌握一两门,这着实吓坏了 ...

最新文章

  1. 陈芳,高考之后我要学计算机专业,将来做 IT 发财了,我就娶你!
  2. .net core 使用RSA获取私钥证书并签名
  3. 【数据库原理及应用】经典题库附答案(14章全)——第九章:数据库安全性
  4. ZDB5304烧写方法
  5. 124第十四章—权限的配置
  6. 操作页面元素WebElement—Selenium自动化测试指南(4)
  7. CORS - 引入预检请求的动机是什么?
  8. jpa双向一对一关联外键映射
  9. eclipse-indigo 中 user libraries 自动部署 WEB-INF/lib 配置
  10. dell linux 无线网卡驱动,DELL D630安装CentOS6的无线网卡驱动
  11. window10 修改jdk版本,从jdk10降到jdk1.8,java -version版本没有变化的问题解决
  12. 操作系统-3.假设某多道程序设计系统中有供用户使用的内存100KB,打印机1台。系统采用可变分区方式管理内存:对打印机采用静态分配,并假设输入输出操作的时间忽略不计;采用最短剩余时间优先的进程调度算法
  13. 联想android手机驱动,Lenovo联想手机驱动
  14. Java、检查 ISBN-10
  15. 汽车营销与保险【3】
  16. 「99诱拐」 读后感
  17. VC++启动浏览器打开指定网页 (转)
  18. android路由器,Android工程师面试该怎么准备?年薪50W
  19. 沟通的艺术:看入人里,看出人外
  20. 混合云火了,云管理平台来乘风破浪

热门文章

  1. string 找出所有数字 index_【一天一大 lee】单调递增的数字 (难度:中等) Day20201215...
  2. php自己编译扩展,Linux编译PHP添加扩展库的方法
  3. adams怎么做往复运动_关于HiFi | 在家里听音乐看电影,喇叭应该怎么选?
  4. .net5 不支持winform_昨晚实操一波.NET5,极致性能简直逆天!
  5. java session 生命周期_java之hibernate之session中对象的生命周期
  6. java适合做平台_java不适合做单机web管理平台的2大因素
  7. linux 不重启加载内核,解决linux内核升级后不能重启系统的故障
  8. 华为的mysql数据库如何登陆_怎么登陆mysql数据库
  9. python cx_oracle配置_用Python设置cx_Oracle环境变量
  10. ef mysql 读写分离_基于 EntityFramework 的数据库主从读写分离服务插件