特效描述:新聞文字列表 九宮格布局 鼠標懸停 文字滑動效果,
代碼結構
1. 引入CSS
<link href="css/style.css" rel="stylesheet" type="text/css" />
2. 引入JS
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/script.js"></script>
3. HTML代碼
<div class="itagBox"> <ul class="artist_l"> <li class="tag1"> <div class="tag_txt"> 中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">精英保錄</span>班 </div> <a href="#">中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">精英保錄</span>班</a> </li> <li class="tag1 tag2"> <div class="tag_txt"> 中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">1對1定制保過</span>班 </div> <a href="#">中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">1對1定制保過</span>班</a> </li> <li> <div class="tag_txt"> 政英全程聯報班<br />政英數聯報班 </div> <a href="#">政英全程聯報班<br />政英數聯報班</a> </li> <li class="tag3"> <div class="tag_txt"> 中南財經考研<br />在線答疑 </div> <a href="#">中南財經考研<br />在線答疑</a> </li> <li> <div class="tag_txt"> 政英全程聯報班<br />政英數聯報班 </div> <a href="#">政英全程聯報班<br />政英數聯報班</a> </li> <li class="tag3"> <div class="tag_txt"> 中南財經考研<br />在線答疑 </div> <a href="#">中南財經考研<br />在線答疑</a> </li> <li class="tag1"> <div class="tag_txt"> 中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">精英保錄</span>班 </div> <a href="#">中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">精英保錄</span>班</a> </li> <li class="tag1 tag2"> <div class="tag_txt"> 中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">1對1定制保過</span>班 </div> <a href="#">中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">1對1定制保過</span>班</a> </li> <li> <div class="tag_txt"> 政英全程聯報班<br />政英數聯報班 </div> <a href="#">政英全程聯報班<br />政英數聯報班</a> </li> <li class="tag1 tag2"> <div class="tag_txt"> 中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">1對1定制保過</span>班 </div> <a href="#">中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">1對1定制保過</span>班</a> </li> <li class="tag1"> <div class="tag_txt"> 中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">精英保錄</span>班 </div> <a href="#">中南財經政法大學新聞與傳播<br />考研<span class="tag_yellow">精英保錄</span>班</a> </li> <li class="tag3"> <div class="tag_txt"> 中南財經考研<br />在線答疑 </div> <a href="#">中南財經考研<br />在線答疑</a> </li> </ul> </div>