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 相关文章推荐
浅谈javascript 面向对象编程
Oct 28 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
Nov 02 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 Javascript
JS按位非(~)运算符与~~运算符的理解分析
Jul 31 Javascript
JS判断表单输入是否为空(示例代码)
Dec 23 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
Jquery EasyUI $.Parser
Jun 02 jQuery
js异步上传多张图片插件的使用方法
Oct 22 Javascript
React学习之JSX与react事件实例分析
Jan 06 Javascript
Vue中fragment.js使用方法小结
Feb 17 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
PHP判断手机是IOS还是Android
2015/12/09 PHP
WordPress中用于更新伪静态规则的PHP代码实例讲解
2015/12/18 PHP
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
用jQuery toggleClass 实现鼠标移上变色
2014/05/14 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
2017/07/23 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
详解React native fetch遇到的坑
2018/08/30 Javascript
vue实现循环切换动画
2018/10/17 Javascript
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
Python中方法链的使用方法
2016/02/23 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
python实现感知器算法详解
2017/12/19 Python
聊聊Python中的pypy
2018/01/12 Python
Python内建模块struct实例详解
2018/02/02 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
在Tensorflow中查看权重的实现
2020/01/24 Python
Python3自定义json逐层解析器代码
2020/05/11 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
酒店服务实习自我鉴定
2013/09/22 职场文书
小班重阳节活动方案
2014/02/08 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
大学生学习2014年全国两会心得体会
2014/03/12 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
先进个人申报材料
2014/12/30 职场文书
毕业设计工作总结
2015/08/14 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
python使用BeautifulSoup 解析HTML
2022/04/24 Python