ホームページ  >  記事  >  ウェブフロントエンド  >  ページのデザインに関する基本的な質問_html/css_WEB-ITnose

ページのデザインに関する基本的な質問_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:06:56935ブラウズ

この投稿をここに投稿するべきかどうかわかりません。前回一度投稿しましたが、誰も注目しませんでした:(

ページデザインの専門家から 2 つの質問をしたいと思います:

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


2 番目の方法は、ページ上にフローティング DIV を配置し、表示を左から右に移動することです。実装方法は上記と似ていますが、制御される STYLE は左から右へ、制御 RIGHT は右から左と異なります

投稿者は JS スライドショー プラグインを検索できます。

jsを使って画像カルーセルを実装します
関数はsetTimeoutです

お世話になります、返信が遅くなり申し訳ありません

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。