JQ动画,背景透明度】的更多相关文章

今天给同学找我帮忙写js,是公司里的活..我是不是应该跟他要钱哈哈,不过一顿饭肯定是免不了的了. 言归正传,今天写了三个小东西,因为兼容性的问题,用jq写的(很是别扭的说,但是没办法啊,一边看api一边写来着) 第一个问题是个简单的动画问题,没啥可说的. 第二个问题是要给常用的导航栏hover效果加个背景颜色渐变的动画.具体来说就是本来是鼠标移上去加上背景色,移除消除背景色,本来css加个hover背景色就解决的问题,需求非要让背景色添加/移除加上动画渐变.本来以为直接在backgroundCo…
button.setVisibility(View.VISIBLE); // 背景透明度渐变动画 ObjectAnimator alpha = ObjectAnimator.ofFloat(button, "alpha", 0, 1); alpha.setDuration(1000); alpha.start();…
刚开始出现的错误,内容会受到背景透明度改变的影响:如图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width:300px; height: 300px; margin: 50px auto; line-height:…
如何设置TextView控件的背景透明度和字体透明度 设计师给的标注都是类似这样的: 字号:26 颜色:#000000 透明度:80% 其实,程序上只要需要一个色值就OK了,那么这个色值我如何计算呢? TextView tv = (TextView) findViewById(R.id.xx); 第1种:tv.setBackgroundColor(Color.argb(255, 0, 255, 0)); //背景透明度 tv.setTextColor(Color.argb(255, 0, 255…
由于 opacity 属性能被子元素继承,使用它设置父元素背景透明度时也会影响子元素. 解决方法: 1> 使用 RGBA Example .classname { /* RGBa, 透明度0.6 */ background: rgba(0, 0, 0, 0.6); } 2> 使用 opacity, 设置一个背景DIV,此DIV使用绝对布局 Example <div class="demo"> <div class="demo-bg"&g…
TextView tv = (TextView) findViewById(R.id.xx); 第1种:tv.setBackgroundColor(Color.argb(255, 0, 255, 0)); //背景透明度 tv.setTextColor(Color.argb(255, 0, 255, 0));   //文字透明度 第2种:tv.setTextColor(0xffff00ff); 0xffff00ff是int类型的数据,分组一下0x|ff|ff00ff,0x是代表颜色整数的标记,f…
废话不多说,这个改变ProgressDialog的一些配置属性和前面我讲的AlertDialog的设置参数方法一模一样,这里就为了更直观,直接贴实现代码吧: ProgressDialog mProgressDialog = new ProgressDialog(UserLogin.this,ProgressDialog.THEME_HOLO_DARK); mProgressDialog.setMessage("正在登录..."); mProgressDialog.setProgress…
jq动画的优点 优点: 1.可以知道动画结束的表示(结束的回调函数) 2.可以利用jq动画插件完成复杂的动画 动画有三个参数:动画的样式是字典.动画持续的事件,动画结束回调函数 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jq动画</title> <style> .box { width: 200px; height: 200px;…
今天做了一个类似于手机端京东首页的页面,效果图如下: 刷新页面的时候,标题栏(也就是搜索栏),背景是透明的,当我们往下滑的时候,可以改变标题栏的背景透明度(渐变效果): 当标题栏滑过轮播图后,透明度就会渐变成1了. 下面是另外做的一个小demo来展示实现这个效果,同时这里也涉及到滚动条的问题哦! 因为脱离项目写这个demo的时候,发现写$('.content1').scroll(function () { 代码... });的时候,没有运行里面的代码. 后来换成$('body').scroll(…
有很多不怎么用css3写动画的同学经常会对其中css3的transform,transition,translate,animation,@keyframes等等动画属性混淆错乱,经常使用了发现没有效果,其实都是属性用错了. 今天用几个简单的例子做一下区分: 一 利用translate 与transition结合起来的动画; 1 transition 用来描述动画过程和时间 transition: property duration timing-function delay; transfor…