Rumah > hujung hadapan web > html tutorial > 请教页面设计的初级问题_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:06:56
asal
978 orang telah melayarinya

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

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

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); // 每秒更换背景一次}
Salin selepas log masuk


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

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

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

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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan