var j_q = jQuery.noConflict();
j_q(document).ready(function(){
//文本框的值为默认值时,显示白色;文本框的值为非默认值时显示黄色;
j_q("input[@type='text']").change( function() {
var input_text=new Array();
input_text =[
['plan3_1_1_input',30],['plan3_1_2_input',120],['plan3_1_5_input',0],['plan3_1_8_input',30],
['plan3_2_1_input',10],['plan3_2_2_input',10],['plan3_2_3_input',120],['plan3_2_4_input',120],
['plan3_2_5_input',30],['plan3_2_6_input',30],['plan3_2_7_input',5],['plan3_2_8_input',10],
['plan3_2_9_input',10],['plan3_2_10_input',2],['plan3_2_11_input',2],['plan3_2_12_input',1],
['plan3_2_13_input',1],['plan3_2_14_input',1],['plan3_2_15_input',2],['plan3_2_16_input',2],
['plan3_3_4_input',3],['plan3_3_6_input',3],['plan3_3_7_input',5],['plan3_3_9_input',5],
['plan3_3_10_input',10],['plan3_3_12_input',8],['plan3_3_13_input',20]
];
for(var i=0;i<input_text.length;i++){
var subArray=new Array();
subArray=input_text[i];
if(j_q('#'+subArray[0]).val()==subArray[1]){
j_q('#'+subArray[0]).removeClass("color1");
}else{
j_q('#'+subArray[0]).addClass("color1");
}
}
});
});
分享到:
相关推荐
通过`$(selector).animate()`方法,我们可以指定元素的CSS属性随着时间的推移发生变化,从而实现文字的平滑滚动。 三、实现步骤 1. **HTML结构**:首先,我们需要创建HTML结构,包含需要滚动的文字。可以使用`<p>`...
3. **文字阴影和字体**:`text-shadow`属性添加文字阴影,`@font-face`规则允许引入自定义字体。 4. **布局**:Flexbox(弹性盒模型)和Grid布局提供了更强大的容器内元素排列方式。 5. **动画**:`transition`和`...
以前写过的页面上所使用的text控件width属性太小需要改动,改动牵扯页面上所有text的属性,改动每个控件的width感觉会很麻烦,所以就想通过在页面加载的时候将要改动的text找到并添加属性。首先先写了一个css样式:...
为了实现文字样式的自定义,我们可以直接对`<p>`元素添加相应的CSS属性,如字体大小、颜色、行高、背景等: ```css .ad-text p { font-size: 24px; color: #fff; background-color: #333; line-height: 1em; ...
1. **CSS3的text-shadow属性**:text-shadow用于给文本添加阴影效果,包括水平偏移、垂直偏移、模糊半径和颜色四个参数。在倒影效果中,我们通常会设置一个负的垂直偏移来创建倒影,增加适当的模糊半径以使倒影看...
- **获取和设置属性/样式**: ```javascript $('img').attr('src', 'new-image.png'); $('button').css('color', 'green'); ``` - **遍历和操作元素**: ```javascript $('ul li').each(function(index) { $...
【CSS3字母弹性放大缩小特效】是一种常见的网页动态效果,主要利用了CSS3中的关键帧动画(@keyframes)和变换(transform)属性来实现。这个特效可以使文本元素在页面上呈现出有节奏的放大和缩小效果,从而吸引用户...
例如,使用`border-radius`属性可以创建圆角按钮,通过`box-shadow`添加阴影效果,利用`linear-gradient`或`radial-gradient`创建渐变背景,甚至使用`text-shadow`来增强文字的立体感。此外,CSS3还引入了过渡...
使用CSS的`display`属性,可以将这些`div`元素排列成一行,如`display: inline-block`或`flex`布局。 导航栏的基本HTML结构可能如下: ```html <li><a href="#">首页</a></li> <li><a href="#">新闻</a></li>...
`addClass`和`removeClass`方法用于添加和移除CSS类,这样我们可以在CSS中定义`.hover-effect`类来完成更复杂的悬停效果。 总的来说,"CSS3鼠标悬停下划线显示特效.zip"这个文件很可能是为了展示如何使用CSS3和可能...
3. **DOM操作**:jQuery提供了简洁的方法来操作DOM,如`val()`获取或设置元素的值,`addClass()`和`removeClass()`添加或移除类名。在验证失败时,我们可以使用这些方法来改变表单元素的样式,提示用户修正错误。 4...
5. **过渡与动画**:CSS3的`transition`属性可以平滑地改变一个或多个CSS属性,而`animation`则可以创建复杂的动画效果。例如,高亮单元格时可以加入淡入淡出的过渡效果,增强用户体验。 6. **JavaScript与jQuery**...
然后在CSS中设置这个元素的动画属性: ```css .glowing-text { font-size: 36px; color: #333; animation: glow-effect 2s infinite; /* 动画名称、持续时间和播放次数 */ animation-fill-mode: forwards; /* ...
动画属性是CSS中一组相关属性的集合,用于定义一个动画,如`animation-name`定义动画名称,`animation-duration`定义动画时长,`animation-timing-function`定义动画速度曲线,`animation-delay`定义动画延迟时间,...
例如,`$("div").css("color", "red")`将所有div的文本颜色设置为红色。 - `.css({"property1": "value1", "property2": "value2"})`:同时设置多个样式属性。 - `.css("property")`:获取指定样式属性的值,不包括...
`来改变元素的旋转角度,以及`transform-origin`属性来设置旋转的中心点,确保文字围绕圆形路径运动。 此外,可能利用CSS的伪元素(如`:before`和`:after`)和透明度变化(opacity)来创建更复杂的动画效果,如文字...
$('#neon-text').css('color', randomColor).addClass('neon'); setTimeout(function() { $('#neon-text').removeClass('neon'); }, 1000); // 动画持续1秒后移除霓虹效果 }); }); ``` 4. **CSS动画应用**:...
`.css("property", "value")`可以设置元素的CSS属性,如`.css("color", "red")`将元素颜色设为红色。另外,`.addClass()`, `.removeClass()`, `.toggleClass()`分别用于添加、删除和切换CSS类。这些方法使得动态改变...
这里我们可以用`display`属性来切换内容区域的可见性,以及用`border`、`background-color`等属性来设计Tab按钮的外观: ```css .tabs { list-style-type: none; margin: 0; padding: 0; } .tabs li { display...