我想更改我正在处理的页面的 border-bottom 和 border-top。
这是我的 CSS:
.section-title {
overflow: hidden;
margin: 0 0 30px 0;
padding: 20px 0;
border-bottom: 1px solid #000;
border-top:1px solid #000;
}
这是我的脚本:
$(document).ready(function () {
$('section-title').each(function() {
var col = 'rgb('+ (Math.floor(Math.random()*256)) +',' + (Math.floor(Math.random()*256)) + ','+(Math.floor(Math.random()*256))+')';
$(this).css('color', col);
}); });
我做错了什么,或者我应该怎么做才能使这项工作正常进行?得到一个想法; http://www.mirlaklijn.nl/wp-new这是网站。标题上方和下方的两个 1 像素边框是我想像链接一样随机更改的内容。
非常非常感谢几个小时的思考和尝试!
最佳答案
你必须设置border-color
:
$(this).css('border-color', col);
P.S. 无需运行您自己的 each
循环。通过向 css
提供回调,让 jQuery 为您做这件事:
$(document).ready(function () {
$('.section-title').css('border-color', function() {
return 'rgb(' +
Math.floor(Math.random() * 256) + ',' +
Math.floor(Math.random() * 256) + ',' +
Math.floor(Math.random() * 256) + ',' +
')';
});
});
关于javascript - 刷新时更改边框底部和边框顶部颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13145721/