欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

请教页面设计的初级问题_html/css_WEB-ITnose

程序员文章站 2022-06-09 09:50:22
...
不知道这个帖子是否应该发在这里,上次发过一次,没人理:(

想请教页面设计的高手两个问题:

1怎么把幻灯片放在在背景上,具体说就是一些照片按一定时间顺序在背景展示,前景是标题或者其它

2怎么放滚动新闻条,就是一条新闻慢慢从左到右,然后再重复

是不是这些功能必须在付费软件中才能有,我现在有Microsoft expression web 4 和 免费的Komposer可以用

先谢谢大家了


回复讨论(解决方案)

这两个功能都可以通过JS实现。
第一个效果,通过定时更换背景图片的方式来实现

// 假设有个var imgs = new Array();var index = 0;function InitBgImgs() {    // 设定背景图片集}function ChangeBg() {    $("#changebg").css({ "background-image": "url(" + imgs[index] + ")" });    if (++index > imgs.length) { index = 0; }    setTimeout("ChangeBg()", 1000); // 每秒更换背景一次}


第二种则是在页面上放置浮动DIV,然后从左至右或者从右至左移动显示,实现的方式和上面的类似,只是控制的STYLE不一样。从左至右控制LEFT,从右至左控制RIGHT

楼主可以google一下 JS幻灯片 插件

用js实现图片轮播
函数为setTimeout

多谢大家的帮助,对不起回复晚了