zoukankan      html  css  js  c++  java
  • 问题杂烩(scrollTop/背景透明度动画)

    今天给同学找我帮忙写js,是公司里的活。。我是不是应该跟他要钱哈哈,不过一顿饭肯定是免不了的了。

    言归正传,今天写了三个小东西,因为兼容性的问题,用jq写的(很是别扭的说,但是没办法啊,一边看api一边写来着)

    第一个问题是个简单的动画问题,没啥可说的。

    第二个问题是要给常用的导航栏hover效果加个背景颜色渐变的动画。具体来说就是本来是鼠标移上去加上背景色,移除消除背景色,本来css加个hover背景色就解决的问题,需求非要让背景色添加/移除加上动画渐变。本来以为直接在backgroundColor上写动画就行了,从蓝色到白色,结果一查才知道jq是不支持背景颜色动画的,其实也是,因为动画的每个节点的颜色都是要变的,其中的函数需要另外去写(听说是有相关插件的,不过不到迫不得已我是不会用插件的,宁愿自己写。。)。然后又想到只要调透明度就行了呗,0到1。但是问题又来了,opacity属性是调这个元素的透明度的,而实际需要让文字一直显示。于是想到rgba来设置背景透明度,但是rgba本身是个css3效果,而且jq好像也没听说可以把rgba做成动画的。所以用了一个特别笨的办法,把文字和背景放在两个div里。让放背景的div透明度变化。如果亲们有其他的方法请不吝赐教。

    第三个问题是关于定位的问题的,一个弹窗根据点击位置出现。在用jq的时候想到了之前一直忽略的问题。开始的时候获取div的scroll高度我写法是$(div).scrollTop写完了发现一直是0,才想到以前写scroll都是写body/htmlElement.scrollTop的。。查了下才知道,如果div没有滚动条的话,scroll就是0。

    写的有点乱,先去吃饭了。。

  • 相关阅读:
    silverlight click 事件委托是 RoutedEventHandler
    silverlight 2 系统对话框
    CSLA.Net 3.0.5 项目管理示例 UI ProjectEdit.aspx
    委托和事件 委托
    Visual Studio 项目模板、文件模板、代码段和环境设置
    C# 打好基础图文详解
    Hession 基础应用
    ADO.NET Entity Framework 概述
    CSLA.Net 3.0.5 项目管理示例 业务基类 Project.cs
    关于使用 Visual Studio 开发环境收费的问题,博友们谁有经验分享一下。
  • 原文地址:https://www.cnblogs.com/zhangdongming/p/5372314.html
Copyright © 2011-2022 走看看