background | 易学教程

python 学习_第五模块 JS特效

阅读更多关于 python 学习_第五模块 JS特效

python 学习_第五模块 JS特效 1 图片切换 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>01 图片切换</title> </head> <body> <img src="images/image01.jpg" id="flower" width="200" height="200"> <br> <button id="prev">上一张</button> <button id="next">下一张</button>  <script type="text/javascript"> var flower = document.getElementById('flower'); var nextBth = document.getElementById('next'); var prevBth = document.getElementById('prev'); var minIndex=1;maxIndex=4;currentIndex=minIndex; // 2 监听按钮的点击 nextBth.onclick = function(){ if (currentIndex===maxIndex){ // 最后一张 currentIndex

Jquery基本、层次选择器

阅读更多关于 Jquery基本、层次选择器

基本选择器： $("#none").css("background","#bbffaa"); 改变id为none的所有元素的背景色 $(".mini").css("background","#bbffaa"); 改变class为mini的所有元素的背景色 $("*").css("background","#bbffaa"); 改变所有元素的背景色 $("span,#two").css("background","#ddffaa"); 改变所有<span>元素和id 为two的元素的背景色层次选择器 $("ancestor descendant") 选取ancestor元素里的所有descendant(后代)元素 $("div span")选取<div>里所有的<span>元素 $("parent>child") 选取parent元素下的child（子）元素，与$("ancestor descendant")有区别，$("ancestor descendant")选择的是后代元素 $("div>span")选取<div>元素下元素名是<span>的子元素 $("prev + next") 选取紧接在prev元素后的next元素 $(".one+div")选取class为none的下一个<div>同辈元素 $("prev~siblings")

BackgroundTaskBuilder Register() issue

阅读更多关于 BackgroundTaskBuilder Register() issue

问题 I was developing application with Geofencing, when stuck at issue: ArgumentException (Value does not fall within the expected range) when I am trying to register background task for geofencing. Sample from MSDN has the same problem. I will show code from sample for clarity (link to sample: http://code.msdn.microsoft.com/windowsapps/Geolocation-2483de66#content use scenario 5, http://msdn.microsoft.com/en-us/library/windows/apps/dn440583.aspx - instruction how to test). All what I have done:

圆角渐变颜色按钮样式

阅读更多关于圆角渐变颜色按钮样式

/*--> */ /*--> */ <style> .button { color:#fff; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: #f78d1d;/*第一行的background 是一个备用，针对不支持CSS3 的浏览器,*/ background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(

android - 5大UI设计技巧

阅读更多关于 android - 5大UI设计技巧

1.使用include标签实现包含共享UI设计（1）创建新的布局文件 title_layout.xml，里面包含共享内容的布局（2）layout属性：其对应抽取出来的共享的布局内容 < LinearLayout xmlns:android = " http://schemas.android.com/apk/res/android " android:orientation = " vertical " android:background = " @drawable/share_background " android:layout_width = " fill_parent " android:layout_height = " fill_parent " > <include layout="@layout/title_layout"></include> </ LinearLayout > 复制代码 2.使用shapes实现渐变效果（1）创建新的drawable的xml文件 < shape xmlns:android = " http://schemas.android.com/apk/res/android " android:shape ="rectangle" > < gradient android:startColor = " #FFFF0000 "

Blend 2015 教程（四）控件模板

阅读更多关于 Blend 2015 教程（四）控件模板

前一篇讲述了修改ListBox样式的方法，本篇将修改性别显示区域的样式。 1. 选择ListBox控件，编辑ItemTemplate的当前项，选择CheckBox控件，在美工板导航栏中点击CheckBox，选择编辑模板-创建空白项，进入控件模板编辑模式。 2. 选择文档大纲面板中的Grid，在属性面板中把Width改为30。 3. 在Grid中绘制一个TextBlock并重置布局，将Text属性改为男，HorizontalAlignment属性为居中对齐。 4. 在状态面板中点击Checked，如下图所示。在属性面板中把Text属性改为女，文档大纲面板如下图，TextBlock下面有带五角星图标的Text属性，表示该属性有动画存在。美工板如下图所示，红框表示正在录制动画。此时运行程序可以看到效果，点击男或女文字可以进行切换。 5. 在文档大纲面板中选择Grid，在状态面板中选择基本，然后把Grid的Background改为蓝色。在状态面板中选择Checked，将背景色改为红色。可以看到Grid下加入了Background的动画。可以运行程序试验效果。 6. 在状态面板中选择基本，在文档大纲面板中右键点击Grid，选择分组-Grid。切换到资产面板，选择控件分类，拖动一个Border到文档大纲面板中的外层Grid中的内层Grid下方，如下图。

CSS艺术之---负margin之美

阅读更多关于 CSS艺术之---负margin之美

CSS中负边距(nagative margin)是布局中常常使用的一个技巧。仅仅要运用得当时常会产生奇异的效果。勘称CSS中的奇淫巧计，非常多CSS布局方法都依赖于负边距。掌握它对于前端童鞋来说还是非常重要的。一、原理文档流百度百科中的定义：文档流是文档中可显示对象在排列时所占用的位置。将窗口自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。 (自己的理解是从头到尾依照文档的顺序，该在什么位置就在什么位置，也能够依照上面的意思理解，自上而下，自左到右的顺序) 那些没有脱离文档流的元素（指不是浮动元素也不是绝对定位、固定定位的元素等），其在页面中的位置是尾随者文档流的变化而变化的。看以下这幅图：负边距对这些由文档流控制的元素的作用是，会使它们在文档流中的位置发生偏移，但这样的偏移不同于相对定位。通过相对定位偏移后，其仍然会坚守着它原来占领的空间，不会让文档流的其他元素乘虚而入。而通过负边距进行偏移的元素，它会放弃偏移前占领的空间，这样它后面文档流中的其他元素就会“流”过来填充这部分空间。还是通过样例来说明吧。如今我们把上图中的块状元素、行内元素以及inline-block元素都设一个负边距 margin:-10px; 看看会发生什么：具体发生了什么变化自己体会体会，负的边距好像能减小元素在文档流中的尺寸一样，但其实。它的尺寸大小并没变

【代码片段】CSS3 渐变（CSS3 Gradients）

阅读更多关于【代码片段】CSS3 渐变（CSS3 Gradients）

background-color: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#000'); background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#000)); background-image: -webkit-linear-gradient(top, #bbb, #000); background-image: -moz-linear-gradient(top, #bbb, #000); background-image: -ms-linear-gradient(top, #bbb, #000); background-image: -o-linear-gradient(top, #bbb, #000); background-image: linear-gradient(top, #bbb, #000); CSS3渐变生成工具： CSS3 Gradient Generator 、 colorzilla 延伸学习教程： http://css-tricks.com/examples/CSS3Gradient/ 、 http:/

JQuery插件的写法

阅读更多关于 JQuery插件的写法

JQuery插件写法的总结最近Web应用程序中越来越多地用到了JQuery等Web前端技术。这些技术框架有效地改善了用户的操作体验，同时也提高了开发人员构造丰富客户端UI的效率。JQuery本身提供了丰富的操作，但是，有时候我们需要根据我们自己的业务和系统特色（风格）构造一些我们常用的前端UI组件，而 JQuery的插件给了我们一个较好的方式来构造这些UI组件，方便我们日后反复重用这些组件。网上也有很多关于JQuery插件的文章，我也搜了一些，但是，这些文档太过离散，没有有效地组织并充分说明JQuey插件该如何编写，并且有哪几种形式，什么情况下使用哪种形式。下面，我将说明JQuery插件常用的写法，以及这些插件的常用场景。首先，在具体说明编写插件之前，我们先假定一个使用场景：有一个HTML页面（或.aspx页面），页面上放置了一个5行3列的表格，即：<table></table>标记，具体代码如下： <table id="newTable"> <tr> <td>1</td><td>1</td><td>1</td> </tr> <tr> <td>1</td><td>1</td><td>1</td> </tr> <tr> <td>1</td><td>1</td><td>1</td> </tr> <tr> <td>1</td><td>1</td><td>1</td> </tr>

更改控件外观

阅读更多关于更改控件外观

记录更改控件外观学习更改控件外观有三种方法：属性、Style、ControlTemplate。 Style：可以一次对多个控件设置属性。 ContentTemplate: 自定义Control外观，利用行为更改外观。属性：<Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Grid> <Button FontSize="14" FontWeight="Bold"> <Button.Background> <!--Background类型是个brush LinearGradientBrush继承brush

订阅 background