Heim  >  Artikel  >  Web-Frontend  >  请教页面设计的初级问题_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:06:56935Durchsuche

不知道这个帖子是否应该发在这里,上次发过一次,没人理:(

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

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

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn