把這段加到你網(wǎng)頁(yè)里面就可以了,不是CSS,是Javascript
我們提供的服務(wù)有:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、金臺(tái)ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的金臺(tái)網(wǎng)站制作公司
花瓣變叉叉是因?yàn)橄旅嬲Z(yǔ)句中的圖片地址失效或者你的電腦沒(méi)有連接上網(wǎng)絡(luò)
STAR[0] = "";
.....
SCRIPT language=JavaScript1.2
!-- Begin
//!-- Original: Altan (snow@altan.hr) --
//!-- Web Site: --
// Script arranged by Hisa ()
var no = 13; // STAR number?@?P???¨C¨o?¨|?o?¨|???????¨?¨C???±
var speed = 10; // smaller number moves the STAR faster
STAR = new Array();
STAR[0] = "";
STAR[1] = "";
STAR[2] = "";
STAR[3] = "";
STAR[4] = "";
STAR[5] = "";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 1500, doc_height = 1800;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;
for (i = 0; i no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"img src=\"" + STAR[j] + "\" border=\"0\"/layer");
} else {
document.write("layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"img src=\"" + STAR[j] + "\" border=\"0\"/layer");
}
} else if (ie4up) {
if (i == 0) {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +" VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"img src=\"" + STAR[j] + "\" border=\"0\"/div");
} else {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +" VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"img src=\"" + STAR[j] + "\" border=\"0\"/div");
}
}
if (j == (STAR.length-1)) { j = 0; } else { j += 1; }
}
function STAR_NS() { // Netscape main animation function
for (i = 0; i no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("STAR_NS()", speed);
}
function STAR_IE() { // IE main animation function
for (i = 0; i no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("STAR_IE()", speed);
}
if (ns4up) {
STAR_NS();
} else if (ie4up) {
STAR_IE();
}
// End --
/SCRIPT
打開(kāi)花瓣網(wǎng)右鍵網(wǎng)頁(yè)另存為,存到本地后用專(zhuān)業(yè)編輯器打開(kāi)看下就知道了,也可以用瀏覽器開(kāi)發(fā)者工具,直接查看源代碼。當(dāng)然有些內(nèi)容是JS動(dòng)態(tài)生成的,牽扯的知識(shí)面就廣了,先從簡(jiǎn)單的HTML+css開(kāi)始著手。
是鼠標(biāo)效果的文件 你可以從 控制面板--鼠標(biāo)--指針 選項(xiàng)里瀏覽這個(gè)文件
就可以改變鼠標(biāo)的顯示效果
將如下代碼加入CSS
cursor:url('')}
A{(cursor:url('')}
說(shuō)明1:第一行:"cursor:url('')}"是鼠標(biāo)指針初始形態(tài)的圖形,把你喜愛(ài)的保存待用鼠標(biāo)相應(yīng)的網(wǎng)址復(fù)制到url( )里面。
第二行:" A{(cursor:url('')}"是鼠標(biāo)指針碰到鏈接的形態(tài)的圖形,把你喜愛(ài)的保存待用鼠標(biāo)相應(yīng)的網(wǎng)址復(fù)制到url( )里面。
說(shuō)明2:以上兩種鼠標(biāo)樣式你需要兩個(gè)鼠標(biāo)指針圖片(最好這兩個(gè)圖片是一套或是相近的)。
說(shuō)明3:如果你喜歡的鼠標(biāo)指針只有一張圖片而不是兩張,那么"A{(cursor:url('鼠標(biāo)指針圖片網(wǎng)址')}"這段代碼就不用寫(xiě)了。
固定頂部懸浮菜單效果我們現(xiàn)在在各種網(wǎng)站都能看到這種效果就是我們移到指定位置之后就會(huì)顯示出導(dǎo)航菜單了,下面我們就一起來(lái)看看吧.
花瓣網(wǎng)以前的菜單效果還不錯(cuò),首先是展示出全部的菜單,然后當(dāng)你向下滑動(dòng)網(wǎng)頁(yè)的時(shí)候,菜單自動(dòng)吸頂固定懸浮在瀏覽器的頂部,這個(gè)用戶(hù)也能很好的切換不同的分類(lèi),查看更多的內(nèi)容,而對(duì)于網(wǎng)站來(lái)說(shuō),也提升了不少的用戶(hù)體驗(yàn)和交互性。
文章標(biāo)題:花瓣樣式css,花瓣樣式的擴(kuò)宮器如何操作
網(wǎng)站URL:http://m.rwnh.cn/article2/phjioc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、面包屑導(dǎo)航、用戶(hù)體驗(yàn)、網(wǎng)站維護(hù)、網(wǎng)站收錄、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)