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 trim() 功能源代码
Feb 14 Javascript
基于JQuery 选择器使用说明介绍
Apr 18 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
js实现自动播放匀速轮播图
Feb 06 Javascript
vue-iview动态新增和删除的方法
Jun 17 Javascript
修改Vue打包后的默认文件名操作
Aug 12 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文件读写操作之文件写入代码
2011/01/13 PHP
PHP 第三节 变量介绍
2012/04/28 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
PHP中使用localhost连接Mysql不成功的解决方法
2014/08/20 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
2015/03/04 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
2016/12/14 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
2017/05/02 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
vue实现滚动鼠标滚轮切换页面
2020/12/13 Vue.js
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
Python之父谈Python的未来形式
2016/07/01 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
C#里面如何判断一个Object是否是某种类型(如Boolean)?
2016/02/10 面试题
小学生学习雷锋倡议书
2014/05/15 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
整改落实情况汇报材料
2014/10/29 职场文书
爱国主义影片观后感
2015/06/18 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
Python Django ORM连表正反操作技巧
2021/06/13 Python
一文搞懂python异常处理、模块与包
2021/06/26 Python
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js