谁能把百度音乐的下拉框效果代码抠出来

Question

效果如下

Answer 1

<link rel="stylesheet" href="http://mu7.bdstatic.com/static/c/y3XO8PgX.css">
<form action="/search" name="f1" id="search_form">
    <div class="search">
        <span class="s_ipt_wr"><input type="text" autocomplete="off" maxlength="100" size="42" class="kw s_ipt" id="ww" value="" name="key"></span><span class="s_btn_wr"><input type="submit" onmouseout="this.className='s_btn'" onmousedown="this.className='s_btn s_btn_h'" class="s_btn" value="百度一下"></span><span class="s_tools"></span>
    </div>
    <div id="loading-pic" style="display: none;"></div>
    <div class="sug-result" style="display: block;"><div class="shadowleft"><div class="shadowright"><div><dl class="sug-song clearfix"><dt class="sug-title clearfix">歌曲</dt><dd class="first-item"><a href="/song/18592644"><span class="songname"><span class="ci">好</span>人()</span><span class="artistname"><i class="h-line">-</i>T-ara</span></a></dd><dd><a href="/song/10519171"><span class="songname"><span class="ci">好</span>人做梦也香甜</span><span class="artistname"><i class="h-line">-</i>小沈阳</span></a></dd><dd><a href="/song/820827"><span class="songname"><span class="ci">好</span>日子</span><span class="artistname"><i class="h-line">-</i>棉花糖</span></a></dd><dd class="last-item"><a href="/song/23698914"><span class="songname"><span class="ci">好</span>汉歌 </span><span class="artistname"><i class="h-line">-</i>刘欢</span></a></dd></dl><dl class="sug-artist clearfix"><dt class="sug-title clearfix">歌手</dt><dd class="first-item"><a href="/artist/2345733"><img width="40px" height="40px" alt="海阔天空" src="http://hiphotos.baidu.com/ting_su/pic/item/3790312e8c09a2c14ec22667.jpg"><span>海阔天空</span></a></dd><dd><a href="/artist/2025946"><img width="40px" height="40px" alt="好好先生" src="http://hiphotos.baidu.com/ting_su/pic/item/a28d62d954638d6138012f59.jpg"><span><span class="ci">好</span>好先生</span></a></dd><dd class="last-item"><a href="/artist/2925825"><img width="40px" height="40px" alt="好客乐队" src="http://hiphotos.baidu.com/ting_su/pic/item/7870145548150049b745aeb8.jpg"><span><span class="ci">好</span>客乐队</span></a></dd></dl><dl class="sug-album clearfix"><dt class="sug-title clearfix">专辑</dt><dd class="first-item"><a href="/album/1527119"><div class="borderdiv"><span class="sidepic"></span><img width="40px" height="40px" alt="好家伙、坏家伙、怪家伙(The Good, The Bad And The Weird)" src="//mu6.bdstatic.com/static/i/3eSIcTg8.png"></div><div>《<span class="ci">好</span>家伙、坏家伙、怪家伙(The Good, The Bad An...》</div><div class="artistname">Bigbang</div></a></dd><dd class="last-item"><a href="/album/104304"><div class="borderdiv"><span class="sidepic"></span><img width="40px" height="40px" alt="好听" src="http://hiphotos.baidu.com/ting_su/pic/item/3b6833f5d341c952bd310913.jpg"></div><div>《<span class="ci">好</span>听》</div><div class="artistname">施文彬</div></a></dd></dl></div></div></div></div>
</form>