大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
首先获取元素,然后使用css设置边框颜色即可。
成都创新互联是一家专业提供洱源企业网站建设,专注与成都网站建设、网站设计、H5开发、小程序制作等业务。10年已为洱源众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
$("#test").css("border-right-color","red");
通过上面的设置,就可以将元素id是test的元素的右边框设置成红色。
首先CSS的position要设置成absolute让他浮动
导入下面的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是右边的层
我是从“上海全鼎软件学院”毕业的————————
引入jquery.js,复制以下代码,即可运行
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、左侧横向交替滑动 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、左侧横向交替滑动 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、右侧横向滑动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
});
});
根据你的js你只是吧p标签隐藏了,你并没有把背景放在p标签中,你的HTML修改成lip会员spanimg src=""/img/span/p/li
这样你就可以了。
或者你不改HTML直接隐藏li。