把這段加到你網(wǎng)頁里面就可以了,不是CSS,是Javascript
我們提供的服務(wù)有:成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、金臺ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的金臺網(wǎng)站制作公司
花瓣變叉叉是因?yàn)橄旅嬲Z句中的圖片地址失效或者你的電腦沒有連接上網(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
打開花瓣網(wǎng)右鍵網(wǎng)頁另存為,存到本地后用專業(yè)編輯器打開看下就知道了,也可以用瀏覽器開發(fā)者工具,直接查看源代碼。當(dāng)然有些內(nèi)容是JS動態(tài)生成的,牽扯的知識面就廣了,先從簡單的HTML+css開始著手。
是鼠標(biāo)效果的文件 你可以從 控制面板--鼠標(biāo)--指針 選項(xiàng)里瀏覽這個文件
就可以改變鼠標(biāo)的顯示效果
將如下代碼加入CSS
cursor:url('')}
A{(cursor:url('')}
說明1:第一行:"cursor:url('')}"是鼠標(biāo)指針初始形態(tài)的圖形,把你喜愛的保存待用鼠標(biāo)相應(yīng)的網(wǎng)址復(fù)制到url( )里面。
第二行:" A{(cursor:url('')}"是鼠標(biāo)指針碰到鏈接的形態(tài)的圖形,把你喜愛的保存待用鼠標(biāo)相應(yīng)的網(wǎng)址復(fù)制到url( )里面。
說明2:以上兩種鼠標(biāo)樣式你需要兩個鼠標(biāo)指針圖片(最好這兩個圖片是一套或是相近的)。
說明3:如果你喜歡的鼠標(biāo)指針只有一張圖片而不是兩張,那么"A{(cursor:url('鼠標(biāo)指針圖片網(wǎng)址')}"這段代碼就不用寫了。
固定頂部懸浮菜單效果我們現(xiàn)在在各種網(wǎng)站都能看到這種效果就是我們移到指定位置之后就會顯示出導(dǎo)航菜單了,下面我們就一起來看看吧.
花瓣網(wǎng)以前的菜單效果還不錯,首先是展示出全部的菜單,然后當(dāng)你向下滑動網(wǎng)頁的時候,菜單自動吸頂固定懸浮在瀏覽器的頂部,這個用戶也能很好的切換不同的分類,查看更多的內(nèi)容,而對于網(wǎng)站來說,也提升了不少的用戶體驗(yàn)和交互性。