`
YBBZHXF
  • 浏览: 1708 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
社区版块
存档分类
最新评论

简单的鼠标滑动效果

div 
阅读更多
<html>

<head>

<title>changecolor</title>

</head>

<body>
    <div  style="width:200px;height:100px;background:maroon;"
         onmouseover="changeColor('maroon')">蓝色</div>
    <div style="width:200px;height:100px;background:red;"
         onmouseover="changeColor('red')">红色</div>
    <div style="width:200px;height:100px;background:yellow"
         onmouseover="changeColor('yellow')">黄色</div>

</body>

<script language="javascript" type="text/javascript">
    function changeColor(op){
        document.bgColor = op;
    }
</script>
</html>
分享到:
评论

相关推荐

    jQuery鼠标点击图片滑动切换特效.zip

    jQuery鼠标点击图片滑动切换特效是一款简单的动画效果图片切换特效。

    jquery鼠标悬停滑动下拉导航菜单效果.zip

    jquery鼠标悬停滑动下拉导航菜单效果,非常适用于企业网站或者商城网站,效果简单大气,php中文网推荐下载!

    jQuery鼠标滑动星级评分插件

    一款可以满足多种需求的jQuery鼠标滑动星级评分插件,非常实用的星星打分代码,共有10种效果哦。简单易学.

    鼠标点击、滑动模拟触摸屏效果

    MFC做的一个触屏模拟工具,鼠标点击模拟触摸屏按下,鼠标按下时候移动,模拟触屏上滑动。功能相对简单,鼠标在触屏位置点击时以小圆圈标识

    jQuery鼠标滚轮控制页面滑动代码.zip

    代码简介:jQuery鼠标滚轮控制页面滑动代码是一款比较简单的页面滚动代码,鼠标滚轮控制页面滚动,能根据平面尺寸自动调整显示效果,具有返回顶部功能。

    jQuery实现菜单感应鼠标滑动动画效果的方法

    这款JS鼠标滑动效果使用jQuery实现简单动画的方法,而且也惊喜的发现,jquery有更好的书写方法,可以连写,在animate方法前加上stop方法就可实现鼠标移出后,不再执行滑动效果。 代码如下:&lt;!DOCTYPE ...

    滑动门效果jquery

    自己写的一个简单的滑动门效果,代码样式都在里面,下载即可使用。

    JS实现超简单的鼠标拖动效果

    主要介绍了JS实现超简单的鼠标拖动效果,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    jQuery实现仿微软首页感应鼠标变化滑动窗口效果

    主要介绍了jQuery实现仿微软首页感应鼠标变化滑动窗口效果,基于jQuery响应鼠标事件简单实现动画效果,非常简单实用,需要的朋友可以参考下

    滑动浏览图片miaov版--鼠标版

    实现鼠标拖拽滑动图片浏览,初学javascript做效果是个不错的学习参考代码,只有一个html+一个js+一个css。相对简单,只是js的逻辑有点纠结。加强版请查找“图片滑动浏览--鼠标版”和“图片滑动浏览--支持手机浏览”

    javascript图片滑动效果实现

    本文为大家分享了javascript图片滑动效果实现方法,具体内容如下,先看一下效果图: 鼠标滑过那张图,显示完整的哪张图,移除则复位: 简单的CSS加JS操作DOM实现: &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt...

    Vue实现类似Spring官网图片滑动效果方法

    先来看一下Spring官网首页的一个图片滑动显示效果 可以看到, 随着鼠标的滑动,绿色图片和灰色图片可以无缝的在鼠标俩两边切换显示。 显示这样的效果其实很简单,利用固定定位保证两张图片在同一位置下, 我们可以...

    jquery鼠标悬停弹出层效果

    鼠标悬停后,内容左右滑动,看起来比较舒服的效果 点击后弹出一个DIV层,里面是一个简单的banner焦点图切换效果

    jquery实现最简单的滑动菜单效果代码

    主要介绍了jquery实现最简单的滑动菜单效果代码,涉及jQuery基于鼠标事件操作页面元素动态变换的基本技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    jQuery鼠标点击图片滑动切换特效

    jQuery鼠标点击图片滑动切换特效是一款简单的动画效果图片切换特效。

    JS+CSS实现简单滑动门(滑动菜单)效果

    本文实例讲述了JS+CSS实现简单滑动门的方法。分享给大家供大家参考。具体如下: 这是一款超简约设计的滑动门菜单,鼠标放到主菜单上,里面的内容会跟着变化,实际上本演示是一个范例,从代码中的注释你就能感觉到,...

    C#开发微信 二维码鼠标滑动 图像显示隐藏效果(推荐)

    客户端微信在二维码状态下,鼠标滑过,会有一张手机的图片滑动滑出,从隐藏到显示,从显示到隐藏。 思路很简单:1、设置透明度;2、给个移动的位移 先看下做的效果 整体代码也不难,就是给Image控件设置动画效果。 ...

    jQuery滑动星星评分代码.zip

    jQuery滑动星星评分代码,5颗星星鼠标滑过评分打分效果,可取消评分结果,重新打分。

    jQuery鼠标滚轮控制页面滑动特效代码

    jQuery鼠标滚轮控制页面滑动代码是一款比较简单的页面滚动代码,鼠标滚轮控制页面滚动,能根据平面尺寸自动调整显示效果,具有返回顶部功能。

Global site tag (gtag.js) - Google Analytics