首先獲取元素,然后使用css設(shè)置邊框顏色即可。
成都創(chuàng)新互聯(lián)是一家專業(yè)提供洱源企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、H5開發(fā)、小程序制作等業(yè)務(wù)。10年已為洱源眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。
$("#test").css("border-right-color","red");
通過上面的設(shè)置,就可以將元素id是test的元素的右邊框設(shè)置成紅色。
首先CSS的position要設(shè)置成absolute讓他浮動
導(dǎo)入下面的js
script language="javascript"
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
percent=.1*(diffY-lastScrollY);
if(percent0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
if(document.getElementById("AD_left")!=null)
{
document.getElementById("AD_left").style.top=parseInt(document.getElementById("AD_left").style.top)+percent+"px";
}
if(document.getElementById("AD_right")!=null)
{
document.getElementById("AD_right").style.top=parseInt(document.getElementById("AD_right").style.top)+percent+"px";
}
lastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat()",1);
/script
其中AD_left是左邊的層
AD_right是右邊的層
我是從“上海全鼎軟件學(xué)院”畢業(yè)的————————
引入jquery.js,復(fù)制以下代碼,即可運(yùn)行
1,style type="text/css"
2,.slide {
3,position: relative;
4,height: 200;
5,lightyellow;
6,}
7 ,
8,.slide .inner {
9,position: absolute;
10,left: 0;
11,bottom: 0;
12,height: 100;
13,lightblue; ,
14,width: 100%
15,}
16,/style
1、slidetoggle() 交替slidedown(),slideup()
Html代碼
div id="slidebottom" class="slide"?
button
slide it
/button
div class="inner"
Slide from bottom
/div
/div
Js代碼
$('#slidebottom button').click(function() {
$(this).next().slideToggle();
});
2、左側(cè)橫向交替滑動 Animate Left
Html代碼
div id="slidewidth" class="slide"
button
slide it
/button
div class="inner"
Slide from bottom
/div
/div
Js代碼
$("#slidewidth button").click(function(){
$(this).next().animate({width: 'toggle'});
});
3、左側(cè)橫向交替滑動 Animate Left Margin (非隱藏)
Html代碼
div id="slideleft" class="slide" style="width: 50%;float: right"
button
slide it
/button
div class="inner"
Slide from bottom
/div
/div
Js代碼
$("#slideleft button").click(function(){
var $lefty = $(this).next();
$lefty.animate({
left:parseInt($lefty.css('left'),10)==0 ? -$lefty.outerWidth() : 0
});
});
4、右側(cè)橫向滑動Slide to right
Html代碼
div id="slidemarginleft" class="slide" style="width: 60%;float: left"
button
slide it
/button
div class="inner"
Slide from bottom
/div
/div
Js代碼
$("#slidemarginleft button").click(function(){
var $marginlefty = $(this).next();
$marginlefty.animate({
marginLeft:parseInt($marginlefty.css('marginLeft'),10)==0 ? $marginlefty.outerWidth() : 0
});
});
根據(jù)你的js你只是吧p標(biāo)簽隱藏了,你并沒有把背景放在p標(biāo)簽中,你的HTML修改成lip會員spanimg src=""/img/span/p/li
這樣你就可以了。
或者你不改HTML直接隱藏li。