重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
要实现功能需要jquery 写代码.只要设置主题DIV宽度1210即. 般还设置下居居做法 设置div 左右 margin:auto; 即.例:.bodydiv{ width:1210px; margin:auto;}
创新互联公司是一家集网站建设,布尔津企业网站建设,布尔津品牌网站建设,网站定制,布尔津网站建设报价,网络营销,网络优化,布尔津网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
$("div").index(this).text();改成$(this).text();即可。不过你的div宽度是100%,从下往上移4会挡住其他的,除非你把浏览器缩小,从左边移进去。 修改建议,加个id为tips的div,然后将index的值放进去,这样移动的时候它就会自动变换,看起来明显些。如下:
div id="tips"/div
divasasas/div
div2/div
div3/div
div4/div
script language="javascript"
$(function(){
$("div").hover(function(){
var index=$(this).text();
$("#tips").html(index);
})
})
/script
Tips:百度搜索jQuery,到jQuery的官网下载jQuery库。
!DOCTYPE html
html
head
meta charset="UTF-8" /
titleHTML5学堂/title
style type="text/css"
.h5course {
width: 200px;
height: 200px;
background-color: red;
}
/style
/head
body
div id="h5course"学习HTML5,到HTML5学堂/div
!-- 用script标签引入jQuery库 --
script src="js/jquery-3.2.1.min.js" type="text/javascript"/script
script type="text/javascript"
console.log($('#h5course').text());
/script
/body
/html
可以参考一下网上的其他介绍。
1、赋值时候,如果是input type="checkbox" checked这样的只有属性名就能生效的属性
推荐prop,即:$('input').prop('checked',true);
同时,false表示取消,即:$('input').prop('checked',false);
当然attr也行的:$('input').attr('checked','这里写什么都行的');
取消属性就是移除:$('input').removeAttr('checked');
2、取值的时候,如果是input id="input1" type="checkbox" checkedinput id="input2" type="checkbox"
推荐使用prop,即:
$('#input1').prop('checked'); //返回true
$('#input2').prop('checked'); //返回false
而使用attr,则:
$('#input1').attr('checked'); //返回checked
$('#input2').attr('checked'); //返回undefined
3、特殊属性赋值取值
这个特殊说明下,获取很多人都用不到呢。
比如需要在input中追加一个data-tips属性。变成这样子 input type="text" value="" data-tips="aa"
这时候只能写:$('input').attr('data-tips','aa');
使用prop是不管用的。
但是读值时候,两个都可以的:
$('input').attr('data-tips');//返回aa
$('input').prop('data-tips');//返回aa
参考: