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 相关文章推荐
jquery 删除cookie失效的解决方法
Nov 12 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
js实现带按钮的上下滚动效果
May 12 Javascript
使用Raygun来自动追踪AngularJS中的异常
Jun 23 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
Aug 28 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
Mar 02 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
微信小程序request请求封装,验签代码实例
Dec 04 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
桌面中心(二)数据库写入
2006/10/09 PHP
php中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
2012/08/28 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
js实现双击图片放大单击缩小的方法
2015/02/17 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
理解JavaScript事件对象
2016/01/25 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
2016/03/25 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
详解jQuery中关于Ajax的几个常用的函数
2017/07/17 jQuery
js制作简单的音乐播放器的示例代码
2017/08/28 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
[01:05:56]Liquid vs VP Supermajor决赛 BO 第二场 6.10
2018/07/04 DOTA
Python中的字符串查找操作方法总结
2016/06/27 Python
Python基于whois模块简单识别网站域名及所有者的方法
2018/04/23 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
css3实现文字扫光渐变动画效果的示例
2017/11/07 HTML / CSS
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
英国床垫在线:Mattress Online
2016/12/07 全球购物
PHP面试题大全
2015/10/16 面试题
小学教学随笔感言
2014/02/26 职场文书
《开国大典》教学反思
2014/04/19 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
2015年教师新年寄语
2014/12/08 职场文书
如何在centos上使用yum安装rabbitmq-server
2021/03/31 Servers