Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer: 2016-06-24 12:06:56
original
931 Les gens l'ont consulté

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

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

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); // 每秒更换背景一次}
Copier après la connexion


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

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

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal