jquery实现div阴影效果示例代码


Posted in Javascript onSeptember 16, 2013
<html> 
<head> 
<style> 
.mydiv1 {height:250px;width:250px;border:#909090 1px solid;} 
.mydiv2 { 
width:250px;height:250;border:#909090 1px solid;background:#fff;color:#333; 
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/ 
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/ 
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/ 
box-shadow:2px 2px 0px #909090;/*opera或ie9*/ 
} 
</style> 
<script> function changediv(v){ 
var d = document.getElementById("mydiv"); 
if(v == "t") d.className="mydiv2"; 
else d.className="mydiv1"; 
} 
</script> 
</head> 
<body> 
<div id="mydiv" class="mydiv1" onmouseover="changediv('t');" onmouseout="changediv('f');"> 
contents 
</div> 
</body> 
</html>
Javascript 相关文章推荐
Maps Javascript
Jan 22 Javascript
javascript setTimeout和setInterval 的区别
Dec 08 Javascript
javascript中自定义对象的属性方法分享
Jul 12 Javascript
Javascript中克隆一个数组的实现代码
Dec 06 Javascript
点击button获取text内容并改变样式的js实现
Sep 09 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
微信小程序之页面跳转和参数传递的实现
Sep 29 Javascript
vue 中的 render 函数作用详解
Feb 28 Javascript
vuejs实现下拉框菜单选择
Oct 23 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 #Javascript
document.documentElement和document.body区别介绍
Sep 16 #Javascript
使用js在页面中绘制表格核心代码
Sep 16 #Javascript
Function.prototype.bind用法示例
Sep 16 #Javascript
javascript简单事件处理和with用法介绍
Sep 16 #Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
Sep 16 #Javascript
js window.print实现打印特定控件或内容
Sep 16 #Javascript
You might like
Zend引擎的发展 [15]
2006/10/09 PHP
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
2016/11/22 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
jquery滚动条插件(可以自定义)
2016/12/11 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
vue通过cookie获取用户登录信息的思路详解
2018/10/30 Javascript
微信小程序 scroll-view 实现锚点跳转功能
2019/12/12 Javascript
Python解决鸡兔同笼问题的方法
2014/12/20 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
有机童装:Toby Tiger
2018/05/23 全球购物
台湾母婴用品购物网站:Infant婴之房
2018/06/15 全球购物
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
sleep()方法和wait()方法的区别是什么
2012/11/17 面试题
shell变量的作用空间是什么
2013/08/17 面试题
学校食堂采购员岗位职责
2013/12/05 职场文书
企业后勤岗位职责
2014/02/28 职场文书
4S店售后客服自我评价
2014/04/09 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
情况说明书怎么写
2015/10/08 职场文书
解析目标检测之IoU
2021/06/26 Python
基于PyQT5制作一个桌面摸鱼工具
2022/02/15 Python
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript