如何修改这个多引擎搜索脚本的鼠标响应区

http://userscripts.org/scripts/show/61372
Search Jump Around
这个脚本可以在搜索时在页面边上加一栏快速在不同搜索引擎间跳转，我觉得其还有提升空间，就是关于响应区

大家现在用Google搜索，想从网页搜索跳转到相同关键词的图片搜索时，只需要点击左侧的“图片”即可，而且请注意，“图片”的响应区是一个比较长的矩形，你无需精确点击到“图片”，鼠标移动过去只要是已经到这个模块上面，就可以点击了。

图片：ct1.PNG

对于Search Jump Around，我现在在笔记本上面使用，感觉响应区可以接受，但是如果放在更大屏幕的台式机上就有不足，我认为如果提供类似Google这样的模式可能会用起来更舒服，

图片：ct2.PNG

如图，如果鼠标不用移动到搜索引擎的图标，而是像Google一样移动到图标左侧一定位置时就作出提示并可以点击，这样用户体验更好

请问各位要这样修改呢？

大概是這一段吧

.innerHTML = '#sjaSideBar {width:'+((lt)?'28px;left:-16px':'12px;right:0')+';padding:3px 0;overflow:hidden;z-index:10000;opacity:.6;border:1px solid #C5CCD9;border-'+((lt)?'left':'right')+':0;}\
		#sjaSideBar:hover {width:28px;opacity:1;'+((lt)?'left:0;':'')+'} \
		#sjaSideBar>a {text-align:left;white-space:nowrap;text-decoration:none;margin: 0 3px 3px 3px;padding: 3px 8px 3px 2px;display:block;color:#00c;font-size:14px;outline:none;} \
		#sjaSideBar>input {text-align:middle;margin:3px 3px;padding:1px 3px;color:black;font-size:14px;border:1px solid #1599BF;outline:none;} \
		#sjaSideBar>a>div {height:22px;width:22px;} \
		#sjaSideBar, #sjaTitleBox {position:fixed;background:#F0F7F9;} \
		#sjaSideBar:hover, #sjaTitleBox {border:2px solid #1599BF;border-'+((lt)?'left':'right')+':0;} \
		#sjaTitleBox {font-size:16px;text-align:'+((lt)?'left':'right')+';line-height:26px;padding-'+((!lt)?'left':'right')+':2px;height:26px;'+((lt)?'left':'right')+':28px;z-index:10000;display:none;} \
		#sjaSideBar:hover #sjaTitleBox {display:block;}';

taglife：大概是這一段吧

.innerHTML = '#sjaSideBar {width:'+((lt)?'28px;left:-16px':'12px;right:0')+';padding:3px 0;overflow:hidden;z-index:10000;opacity:.6;border:1px solid #C5CCD9;border-'+((lt)?'left':'right')+':0;}\
		#sjaSideBar:hover {width:28px;opacity:1;'+((lt)?'left:0;':'')+'} \
		#sjaSideBar>a {text-align:left;white-space:nowrap;text-decoration:none;margin: 0 3px 3px 3px;padding: 3px 8px 3px 2px;display:block;color:#00c;font-size:14px;outline:none;} \
		#sjaSideBar>input {text-align:middle;margin:3px 3px;padding:1px 3px;color:black;font-size:14px;border:1px solid #1599BF;outline:none;} \
		#sjaSideBar>a>div {height:22px;width:22px;} \
		#sjaSideBar, #sjaTitleBox {position:fixed;background:#F0F7F9;} \
		#sjaSideBar:hover, #sjaTitleBox {border:2px solid #1599BF;border-'+((lt)?'left':'right')+':0;} \
		#sjaTitleBox {font-size:16px;text-align:'+((lt)?'left':'right')+';line-height:26px;padding-'+((!lt)?'left':'right')+':2px;height:26px;'+((lt)?'left':'right')+':28px;z-index:10000;display:none;} \
		#sjaSideBar:hover #sjaTitleBox {display:block;}';

回到原帖

好像是这个部分，不知道要怎么改，我觉得这个脚本的显示区域目前满足要求，就是想要响应区域能够大一些，不用鼠标移动这么远进行精确点击，并且鼠标进入响应区后能够有淡淡的不明显的提示告知你已经可以点击了

改是可以改，但是响应区域大了还不如直接弄大按钮，反正都挡点击

白左：改是可以改，但是响应区域大了还不如直接弄大按钮，反正都挡点击回到原帖

也有道理，如果是桌面显示器其实不差那点空间，
其实我之前是想在鼠标移动到图标左侧一定距离的时候就显示一个淡灰透明的矩形告诉你进入了响应区，而且小图标的话与Google左侧的文字大小更为匹配，显得和谐一些，当然，大图标也是一种思路