日期:2014-05-16  浏览次数:20729 次

请教页面设计的初级问题
不知道这个帖子是否应该发在这里,上次发过一次,没人理:(

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

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

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

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

先谢谢大家了
------解决方案--------------------
这两个功能都可以通过JS实现。
第一个效果,通过定时更换背景图片的方式来实现

// 假设有个<div id="changebg"></div>
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