九江市科学技术协会官方网站
描述
九江市科学技术协会官方网站是一个提供关于九江市科学技术相关信息的平台,包括科技新闻、科技政策、科技成果等内容,为广大科技工作者和市民提供一个了解科技动态、交流科技知识的便捷渠道。
网站功能
- 科技新闻:发布九江市科学技术相关的最新动态、研究成果等信息,让用户了解最新的科技发展。
- 科技政策:提供九江市科学技术相关政策、法规等信息,方便用户了解政策支持和行业规范。
- 科技成果:展示九江市科学技术领域的优秀成果,激发科技创新活力。
- 专家库:汇集九江市科学技术领域的专家资源,为用户提供专业咨询和技术支持。
- 科技活动:发布九江市科学技术相关的学术讲座、论坛、展览等活动信息,供用户参加和交流。
技术实现
网站采用了HTML、CSS和JavaScript等前端技术进行开发,实现了页面布局和交互效果。通过获取屏幕宽度和高度,设置图片的位置;使用定时器setInterval
实现图片的自动移动效果;通过offsetHeight
和offsetWidth
属性获取图片的高度和宽度,以便进行相应的调整。
var xPos = document.documentElement.clientWidth-20;
var yPos = document.documentElement.clientHeight/2;
var step = 0.5;
var delay = 5;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.documentElement.scrollLeft;
}