jquery效果
来源:互联网 发布:王侯将相宁有种乎影响 编辑:程序博客网 时间:2024/05/19 13:24
<div class="ToolItem"
onmouseover="javascript:this.className='ToolItemOver';"
onclick = "sendDoctmark(this);"
onmouseout="javascript:this.className='ToolItem';"
>
<div class="ToolItemImage">
<img src="<c:url value="/images/send.png"></c:url>" />
</div>
<div class="ToolItemText">
医嘱发送
</div>
</div>
<div id="buttonmenu" class="MenuItem" style="display:none;border: solid 1px;background-color:#FFFFFF;width:100px;height:150px;position: absolute;z-index:2;">
<div onclick="sendDoctmarkAjax(1)" style="line-height:23px;padding-left:10px;">发送本组</div>
<div onclick="sendDoctmarkAjax(2)" style="line-height:23px;padding-left:10px;">全部发送</div>
<div onclick="sendDoctmarkAjax(3)" style="line-height:23px;padding-left:10px;">发送长嘱</div>
<div onclick="sendDoctmarkAjax(4)" style="line-height:23px;padding-left:10px;">发送临嘱</div>
<div onclick="sendDoctmarkAjax(5)" style="line-height:23px;padding-left:10px;">发送中医医嘱</div>
<div onclick="sendDoctmarkAjax(6)" style="line-height:23px;padding-left:10px;">发送出院带药</div>
<iframe class="MaskIframe" frameborder="0" style="HEIGHT:100%"></iframe>
</div>
function sendDoctmark(sender){
var s = $(sender);
var position = s.position();
var t = position.top;
var l = position.left;
var height = s.height();
$('#buttonmenu').show().css({left:l,top:(t+height)});
$('#buttonmenu > div').bind({
mouseover:function(){$(this).css({background:"gray"});},
mouseout:function(){$(this).css({background:"#ffffff"});}
});
$('#buttonmenu').mouseleave(function(){$(this).hide();});
}
----------------------------------------------------------------------效果图如下
- jQuery 效果
- JQuery效果
- jQuery 效果
- jQuery 效果
- jquery效果
- Jquery效果
- jquery效果
- jQuery效果
- jquery效果
- jQuery-----效果
- jQuery--效果
- jQuery 效果
- JQuery效果
- jquery效果
- jquery效果
- jQuery效果
- jQuery效果
- jQuery效果
- 自定义Background
- android - 为响应度而设计 - 开发文档翻译
- Java常用集合类的常用方法 学习笔记
- struts2关于A web application created a ThreadLocal with key of type 异常解决办法
- tomcat环境下服务器文件句柄耗尽(Too Many Open Files)的问题排查
- jquery效果
- Web前端研发工程师编程能力飞升之路
- RMQ DP
- 程序员在linux下有用的终端命令
- 简单口令入侵
- 在OpenCL中实现浮点数的原子加法运算(atomic add for floating point in OpenCL)
- MyEclipse优化 --终极优化--
- 一些我所常用的shell命令用法
- 绿色版NotePad++添加右键关联