google "jquery tooltip"
http://www.w3cschool.cc/jquery/jquery-plugin-tooltip.html

http://www.shejidaren.com/40%E4%B8%AAjquery-tooltip%E4%BF%A1%E6%81%AF%E6%8F%90%E7%A4%BA%E6%8F%92%E4%...

http://www.jb51.net/article/24752.htm

源码见附件
jiandiantu_content_and_bg.zip
效果

源码 见附件
jiaodiantu_left_right_ok.zip

效果有

源码见附件
jQuery缩略图广告效果.zip

效果如下

下面是html代码
<div class="scrolllist" id="pic-box">
        <a class="abtn aleft" href="#left" title="左移"></a>
        <div class="imglist_w">
            <ul style="left: 3px;" class="imglist">

$('.num').click(function(){
               var index = $(this).index('.num');
alert(index);
                            $('.carousel').carousel(index);
         })

$('#myTab a:last').tab('show')

<script>
    $(function(){
       $('#dLabel2').toggle(
         function(){
              $('.dropdown-menu2').show();
         },
           function(){
              $('.dropdown-menu2').hide();
         }
       
       );
        
    });
    
    
</script>

alert($('.modalpic').size());
    alert($('.modalpic').length);

 <a looyu_bound="1" style="display: none;" id="aFloatTools_Show" class="btnOpen" title="查看在线客服" onclick="javascript:jQuery(this).css('display','none') ;jQuery('#aFloatTools_Hide').css('display','block'); jQuery('#divFloatToolsView').animate({width: '130px',opacity: 'show'}, 'normal',function(){ jQuery('#divFloatToolsView').css('display','block');}); ;return false;" href="#">展开</a>

//下面两个函数  判断浏览器是不是原生chrome
function _mime(where, value, name, nameReg) {
        var mimeTypes = window.navigator.mimeTypes,
            i;

        for (i in mimeTypes) {
            if (mimeTypes[i][where] == value) {
                if (name !== undefined && nameReg.test(mimeTypes[i][name])) return !0;
                else if (name === undefined) return !0;
            }
        }
        return !1;
    }

function _getChromiumType() {