要实现功能需要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
参考：