js获取css属性,更改margin-top属性,给每个a标签的margin-top属性在原基础上 +5px JS如何选择CSS指定标签,并且对其CSS属性值进行修改
\u4e3a\u4ec0\u4e48css\u4e2d\u8bbe\u7f6e\u4e86margin-top\u5c5e\u6027\u540e\uff0c\u8fd0\u884c\u65f6\u80cc\u666f\u56fe\u7247\u4f1a\u4e0b\u79fb\uff0c\u5982\u4f55\u66f4\u6539\uff1f\u56e0\u4e3a\u4f60\u7684\u80cc\u666f\u56fe\u7247\u6ca1\u6709\u8bbe\u7f6e\u5bf9\u9f50\u65b9\u5f0f\u3002\u628a\u80cc\u666f\u4ee3\u7801\u6539\u6210\u8fd9\u6837 background:url(images/templatemo_header_bg.jpg) left top no-repeat;
\u8bd5\u8bd5
\u5173\u4e8e\u901a\u8fc7JS\u4fee\u6539CSS\u503c\uff0c\u6211\u5df2\u7ecf\u5e2e\u4f60\u5b9a\u51fa\u6765\u4e86\uff0c\u770b\u4ee3\u7801\uff1a
$(document).ready(function () { $('.ttt p:eq(1)').css('float', 'left'); $('.ttt p:eq(2)').css('float', 'right'); }); clickaaa
bbb
ccc\u4ee3\u7801\u662f\u7eaf\u624b\u5199\uff0c\u8bf7\u8bb0\u5f97\u91c7\u7eb3\uff0c\u8c22\u8c22\uff01
可以参考下面的代码:
<style>
a{display:block;float:left}
</style>
<div style="border:1px solid #cccccc">
<a id="a1" href="#" class="float_r" style="margin-top:10px;">asd</a>
<a id="a2" href="#" class="float_r" style="margin-top:20px;">asd</a>
<a id="a3" href="#" class="float_r" style="margin-top:30px;">asd</a>
<a id="a4" href="#" class="float_r" style="margin-top:40px;">asd</a>
<a id="a5" href="#" class="float_r" style="margin-top:50px;">asd</a>
</div>
<script>
for(var i=1;i<6;i++){
document.getElementById('a'+i).style.marginTop = parseInt(document.getElementById('a'+i).style.marginTop)+5+'px';
}
</script>
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。
扩展资料:
javaScript参考函数
anchor("name")用来把字符串转换为HTML锚面标志内(<A NAME=>)
big() 把字符串中的文本变成大字体(<BIG>)
blink() 把字符串中的文本变成闪耀字体(<BLINK>)
bold() 把字符串中的文本变成乌字体(<B>)
fixed() 把字符串中的文本变成流动间距字体,便电报情势(<TT>)
fontcolor(color)设置字符串中文本的色彩(<FONT COLOR=>)
Fontsize(size) 把字符串中的文本变成指定大小(<FONTSIZE=>)
italics() 把字符串中的白原变成斜字体(<I>)
Link(url)用来把字符串转换-HTML链交标志中(<A HREF=>)
参考资料来源:百度百科-javascript
script代码
<script type="text/javascript">
var init = function(){
var eles = document.getElementsByTagName("a");
for(var i=0;i<eles.length;i++){
setCss(eles[i]);
}
}
var setCss = function(ele){
var m = parseInt(ele.style.marginTop);
ele.style.marginTop = (m + 5)+'px';
}
</script>
可能把a换成div会有效果。希望对你有帮助
<style>
a{display:block;float:left}
</style>
<div style="border:1px solid #cccccc">
<a id="a1" href="#" class="float_r" style="margin-top:10px;">asd</a>
<a id="a2" href="#" class="float_r" style="margin-top:20px;">asd</a>
<a id="a3" href="#" class="float_r" style="margin-top:30px;">asd</a>
<a id="a4" href="#" class="float_r" style="margin-top:40px;">asd</a>
<a id="a5" href="#" class="float_r" style="margin-top:50px;">asd</a>
</div>
<script>
for(var i=1;i<6;i++){
document.getElementById('a'+i).style.marginTop = parseInt(document.getElementById('a'+i).style.marginTop)+5+'px';
}
</script>
绛旓細 var speed=50 demo2.innerHTML=demo1.innerHTML function
绛旓細鍐欎簡涓 澶ф鐨勶紝杩樻湁寰堝ぇ鏀硅繘鐨勪綑鍦帮紝鐓х潃鎬濊矾鏀规敼鍚<!doctype html>li{display: inline;}#scroll_div{width: 200px;margin: 0 auto;overflow: hidden;white-space: nowrap;position: relative;}$.fn.scrollImgLeft = function(options) {var def={speed:1,scrollDiv:$('#scrollDiv'),scrollB...
绛旓細鍥炵瓟锛歶l閲岄潰鐨勫厓绱爈i涓嶆诞鍔ㄧ殑璇,瀹冨氨鑳借嚜閫傚簲楂樺害,DIV涔熶竴鏍枫傚潡鍐呯殑婊氬姩鏁堟灉鏈JS鑷畾鐨勫拰marquee涓ょ:<marquee>涓篃鍙互鏀惧浘鐗囧拰鏂囧瓧,瀹冧笉鏄棤缂濊繛鎺ョ殑婊氬姩銆js婊氬姩鐢ㄧ殑姣旇緝澶氫竴鐐: <style type="text/css">/* Scroll */ #MarqueeImg {padding: 0px;height: 116px;width: 716px;overflow: h...
绛旓細demo.scrollLeft-=demo1.offsetWidth;else{ demo.scrollLeft++;} } var MyMar=setInterval(Marquee,speed);demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} demo鐨css涓瀹氳璁惧畾width鍜宱verflow:hidden 鏂囧瓧鏀捐繖閲 ...
绛旓細speed锛夛紱锛嗭純47锛涳紗锛47锛涖榧犳爣绉诲姩鍒扮獥鍙d笂鍒欐竻妤氭椂闂存埑锛屾尯姝㈡粴鍔ㄦ晥鏋溿demo锛巓nmouseover锛漟unction锛堬級銆锝沜learInterval锛圡yMar锛夛綕锛嗭純47锛涳紗锛47锛涖濡傛灉榧犳爣绉诲紑鍒欑户缁嚜鍔ㄦ粴鍔ㄦ晥鏋渄emo锛巓nmouseout锛漟unction锛堬級銆锝汳yMar锛漵etInterval锛圡arquee84speed锛夛紱锝濓紗lt锛涳紗锛47锛泂cript锛唃t锛
绛旓細;tab.onmouseover=function() {clearInterval(MyMar)}; //褰撻紶鏍囩Щ鍔╠emo涓婇潰鏃躲傝皟鐢╟learInterval娓呴櫎MyMar1.杩欐牱鍥剧墖渚夸笉浼氬湪绉诲姩浜嗐傜Щ鍒板浘鐗囨椂锛岀涓琛屽拰绗簩琛岀殑鍥剧墖閮戒細鍋滄 tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};閲嶆柊setInterval璁╂柟娉曟墽琛岋紝杩欐牱鍥剧墖浼氱户缁Щ鍔 ...
绛旓細js璺戦┈鐏 gun1 { width: 700px;height: 160px;float:left;} gun11 { height: 160px;width: 700px;float:left;} inpho { width:657px;overflow:hidden;position:absolute;height: 160px;top:23px;left: 23px;}
绛旓細浣犱笉瑕佹妸HTML鏍囩鍐呯殑灞炴涓CSS鍐呯殑鏍峰紡灞炴ф悶娣锋穯濂戒笉锛熶袱鑰呮牴鏈氨涓嶆槸涓鐮佷簨濂戒笉锛焟arquee鏍囩鍐呯殑direction鎸囩殑鏄枃瀛楃殑婊氬姩鏂瑰悜锛屽畠鍙兘鐢ㄥ湪marquee鏍囩鍐咃紝鍏朵粬鏍囩鍐呬娇鐢ㄦ槸鏃犳晥鐨勶紱鑰css涓殑direction鎸囩殑鏄枃瀛楃殑涔﹀啓鏂瑰悜锛屽畠鐨勫"ltr"鎰忔濇槸浠庡乏寰鍙筹紙Left To Right鐨勯瀛楁瘝缂╁啓锛夛紝"rtl"鎰忔...
绛旓細棣栧厛涓嶈浣犵悊瑙d笉鐞嗚В鐨勯棶棰橈紝杩欐浠g爜鏈韩灏卞啓寰楀緢鐑傗︹﹁繖绉css鍜岀粨鏋勪唬鐮佹贩鍦ㄤ竴璧风殑褰㈠紡锛岃浜哄緢涓嶈垝鏈嶏紝涓嶈繃涓轰簡绠渚匡紝鎴戜篃鎳掑緱鏀逛簡銆傛垜鏀逛簡涓涓嬶紝甯姪浣犵悊瑙 aaaaaabbbcccccc <!-- 鏂板姞2涓猻tyle甯姪浣犵悊瑙o紝鍒犻櫎鍚庝綘灏辨槑鐧戒簡 --> aaaaaabbb<!-- 鍏跺疄杩欓噷鏍规湰娌″繀瑕佸畬鍏ㄤ竴鏍凤紝鍥犱负...
绛旓細1.鑰冭檻鎶css娓呴櫎娴姩閭d釜div绉诲姩鍒癲ome鐨勫唴閮ㄥ幓锛屽鏋滀笉鐨勮瘽鍙傝冪浜屾潯銆2.鐩存帴鍒犻櫎娓呴櫎娴姩閭d釜div锛岀劧鍚庢崲涓竻闄ゆ诞鍔ㄧ殑鏂瑰紡锛屽缓璁綘杩欑鎯呭喌涓嬫渶濂戒笉瑕佽繖鏍锋竻闄ゆ诞鍔紝涓涓潡鍏冪礌鏈夊凡鐭ュ搴︽椂锛岀粰浠栬缃釜overflow: hidden;涔熷彲浠ユ竻闄ゆ诞鍔細style="width:700px;overflow: hidden;"3.浠g爜閲岄潰鑳界渷鐣ョ殑澶...