web前端开发 —— 一个对联效果
一个对联效果
对联效果
<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前端开发 —— 一个对联效果相关推荐
- html背景对联效果-恭喜新禧,web前端开发 —— 一个对联效果
对联效果 document.writeln(" "); document.writeln(" "); document.writeln("" ...
- 想成为一个Web前端开发工程师,需要掌握的详细知识总结
前端工程师已经成为目前互联网企业极具竞争力的人才,企业不断提升薪资水平为了招聘到优秀的Web前端开发工程师.因此,越来越多的人想要学习Web前端.那么呢?Web前端的学习路线是什么? 想成为一个Web ...
- 视频教程-Web前端开发利器 SPRY框架之页面效果-JavaScript
Web前端开发利器 SPRY框架之页面效果 有17年互联网行业从业经验,始终在教学第一线,勇于创新,从有效教学,不断向高效教学转变.始终坚持"学生为主体,教师为主导:商业化案例,企业化情境& ...
- 想成为一个Web前端开发工程师,需要掌握哪些知识?
前端工程师已经成为目前互联网企业极具竞争力的人才,为了招聘到优秀的Web前端开发工程师,企业不断的提升薪资水平.因此,有越来越多的人加入到了学习Web前端行列.那么,想成为一名web前端开发工程师需要 ...
- 怎样成长为一个优秀的 Web 前端开发工程师?
链接:http://www.zhihu.com/question/19554845/answer/16755476 来源:知乎 首先,优秀的Web前端开发工程师要在知识体系上既要有广度和深度!做到这两 ...
- 读书笔记:编写高质量代码--web前端开发修炼之道(二:5章)
读书笔记:编写高质量代码--web前端开发修炼之道 这本书看得断断续续,不连贯,笔记也是有些马虎了,想了解这本书内容的童鞋可以借鉴我的这篇笔记,希望对大家有帮助. 笔记有点长,所以分为一,二两个部分: ...
- 零基础如何掌握web前端开发技能
很多零基础学员想要进入到互联网行业都会选择web前端做首选技术语言来学习,但是学习web前端不是那么容易的,想要成为一名合格的web前端工程师,所要掌握的技能一定要会,下面小编就为大家详细的介绍一下零 ...
- Web前端开发最佳实践(8):还没有给CSS样式排序?其实你可以更专业一些
前言 CSS样式排序是指按照一定的规则排列CSS样式属性的定义,排序并不会影响CSS样式的功能和性能,只是让代码看起来更加整洁.CSS代码的逻辑性并不强,一般的开发者写CSS样式也很随意,所以如果不借 ...
- html前端开发是什么,web前端开发需要会什么
对于很多刚入坑it行业的新人小白来说,web前端开发算是一个对技术要求比较高的岗位,我们经常在一些企业招聘上可以看到web前端的工程师需要掌握多个技能,甚至后端的开发语言都需要掌握一两门,这着实吓坏了 ...
最新文章
- 陈芳,高考之后我要学计算机专业,将来做 IT 发财了,我就娶你!
- .net core 使用RSA获取私钥证书并签名
- 【数据库原理及应用】经典题库附答案(14章全)——第九章:数据库安全性
- ZDB5304烧写方法
- 124第十四章—权限的配置
- 操作页面元素WebElement—Selenium自动化测试指南(4)
- CORS - 引入预检请求的动机是什么?
- jpa双向一对一关联外键映射
- eclipse-indigo 中 user libraries 自动部署 WEB-INF/lib 配置
- dell linux 无线网卡驱动,DELL D630安装CentOS6的无线网卡驱动
- window10 修改jdk版本,从jdk10降到jdk1.8,java -version版本没有变化的问题解决
- 操作系统-3.假设某多道程序设计系统中有供用户使用的内存100KB,打印机1台。系统采用可变分区方式管理内存:对打印机采用静态分配,并假设输入输出操作的时间忽略不计;采用最短剩余时间优先的进程调度算法
- 联想android手机驱动,Lenovo联想手机驱动
- Java、检查 ISBN-10
- 汽车营销与保险【3】
- 「99诱拐」 读后感
- VC++启动浏览器打开指定网页 (转)
- android路由器,Android工程师面试该怎么准备?年薪50W
- 沟通的艺术:看入人里,看出人外
- 混合云火了,云管理平台来乘风破浪
热门文章
- string 找出所有数字 index_【一天一大 lee】单调递增的数字 (难度:中等) Day20201215...
- php自己编译扩展,Linux编译PHP添加扩展库的方法
- adams怎么做往复运动_关于HiFi | 在家里听音乐看电影,喇叭应该怎么选?
- .net5 不支持winform_昨晚实操一波.NET5,极致性能简直逆天!
- java session 生命周期_java之hibernate之session中对象的生命周期
- java适合做平台_java不适合做单机web管理平台的2大因素
- linux 不重启加载内核,解决linux内核升级后不能重启系统的故障
- 华为的mysql数据库如何登陆_怎么登陆mysql数据库
- python cx_oracle配置_用Python设置cx_Oracle环境变量
- ef mysql 读写分离_基于 EntityFramework 的数据库主从读写分离服务插件