width:200,
overCls:''//CSS类名
})
点击后的样式比较麻烦，有很多种做法，我提供一种简单的方法供参考
btn.on('click',function(){
btn.getEl().setStyle(.....)//具体参考API Ext.Element
},btn,{single:true})
上面代码的意思就是点击的时候修改btn的样式，single:true表示只执行一次
fashionfocus.js 第 7 行
$("#banner_ctr>ul>li[class!='first-item'][class!='last-item']").click(function () {中的 click 改为 mouseover
$("#banner_ctr>ul>li[class!='first-item'][class!='last-item']").mouseover(function () {然后在下面 function autoSlide() { 上面加入下面的代码
$("#drag_arrow").css("cursor", "pointer").on("click", function(e) {window.location.href =
$("#banner_img>li").eq(curIndex).find("a").attr("href")
})
// 加在这个 function 上面
// function autoSlide() {
注意上面的代码要按照压缩包里没改过的文件操作，你如果已经改过，那可能就不是第 7 行了。
还有演示代码中的链接全部都是它网站的网址，看不出效果，你需要自己修改 index.html 里面的所有链接 (a 的 href)
问题描述不是很清晰，你是不是想实现鼠标划过控制元素的显示和隐藏功能？说明：隐藏的元素本身是无法触发鼠标经过的事件的，所以我们默认元素是可见的，然后用jq把元素的透明度（opacity）设为0，这个时候虽然也看不见，但是元素实际是存在那个位置的，可触发鼠标事件的，然后鼠标经过时，透明度设为1，即可。
原创不易，求满意。。。
以下是完整的html代码，拷贝到任意的html文件即可调试：
<style>
.promptStyle {
width: 200px
height: 150px
background-color: white
position: absolute
border: 1px solid #ddd
}
</style>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script>
function ShowPrompt(objEvent) {
var divObj = document.getElementById("promptDiv")
divObj.style.visibility = "visible"
divObj.style.left = objEvent.clientX + 10
divObj.style.top = objEvent.clientY + 10
}
function HiddenPrompt() {
divObj = document.getElementById("promptDiv")
divObj.style.visibility = "hidden"
}
$(function(){
$('#promptDiv').css('opacity',0).hover(function(){
$(this).animate({'opacity':1})
},function(){
$(this).animate({'opacity':0})
})
})
</script>
鼠标移到这行字的下面试试
<div id="promptDiv" class="promptStyle" >Loudly. </div>
