//切换效果 js
function switchTab(mark,index,count) {
var curTab = document.getElementById("tab_"+mark+index)
var curTab2 = document.getElementById("tab_"+mark+"0")
var form = $("#form");
var getvalue="";
var finalvalue="";
for(var i=0;i<=count;i++) {
var tabObj = document.getElementById("tab_"+mark+i) ;
if (i != index) {
if (tabObj) {
$(tabObj).attr("style","");
}
}
}
if (curTab) {
$(curTab).attr("style","color:#fb2c0a;font-weight:bold;");
<%-- alert($(curTab2).attr("style"));--%>
if(curTab.title!=curTab2.title)
{
$(curTab2).removeAttr("style");
}
getvalue=curTab.title;
var getHiddenValue = document.getElementById("propertyID").value; //用隐藏域来进行传值
if(""==getHiddenValue)
{
$("#propertyIDs").attr("value",getvalue)
formAction()
}
else
{
<%-- alert(getvalue.substring(1,5));--%>
if(getHiddenValue.indexOf(getvalue.substring(1,5)) ==-1)
{
finalvalue = getHiddenValue+","+getvalue;
}
else
{
var tempvalue=getHiddenValue.split(",")
for(var i=0;i<tempvalue.length;i++)
{
if(tempvalue[i].indexOf(getvalue.substring(1,5))>-1)
{
<%-- tempvalue[i]= getvalue;--%>
<%-- getHiddenValue.substring(tempvalue[i],getvalue)--%>
if(""!=finalvalue)
{
finalvalue= finalvalue+","+getvalue;
}
else
{
finalvalue= getvalue;
}
}
else
{
if(""!=finalvalue)
{
finalvalue = tempvalue[i]+","+finalvalue;
}
else{
finalvalue = tempvalue[i]
}
}
}
}
<%-- alert(finalvalue)--%>
$("#propertyIDs").attr("value",finalvalue)
formAction()
}
}
return false;
}
JSP 对选中的值进行加亮
<li id="tab_50" onclick="switchTab(5,0,10)" title="'3101'" value="other" style="color:#fb2c0a;font-weight:bold;"><a id="inteSear0" style="cursor:pointer">全部</a></li>
<li id="tab_51" onclick="switchTab(5,1,10)" title="'3101003'" value="3101003"><a id="inteSear1" style="cursor:pointer">联通3G(WCDMA)</a></li>
<li id="tab_52" onclick="switchTab(5,2,10)" title="'3101004'" value="3101004"><a id="inteSear2" style="cursor:pointer">GSM+CDMA2000(双网)</a></li>
<li id="tab_53" onclick="switchTab(5,3,10)" title="'3101002'" value="\\'3101002\\'"><a id="inteSear3" style="cursor:pointer">移动3G(TD-SCDMA)</a></li>
<li id="tab_54" onclick="switchTab(5,4,10)" title="'3101001'" value="\\'3101001\\'"><a id="inteSear4" style="cursor:pointer">电信3G(CDMA2000)</a></li>
<li id="tab_55" onclick="switchTab(5,5,10)" title="'3101005'" value="\'3101005\'"><a id="inteSear5" style="cursor:pointer">GSM+CDMA(双网)</a></li>
<li id="tab_56" onclick="switchTab(5,6,10)" title="'3101009'" value="\'3101009\'"><a id="inteSear6" style="cursor:pointer">双卡双待</a></li>
<li id="tab_57" onclick="switchTab(5,7,10)" title="'3101007'" value="\'3101007\'"><a id="inteSear7" style="cursor:pointer">GSM</a></li>
<li id="tab_58" onclick="switchTab(5,8,10)" title="'3101006'" value="\'3101006\'"><a id="inteSear7" style="cursor:pointer">CDMA</a></li>
<li id="tab_59" onclick="switchTab(5,9,10)" title="'3101008'" value="\'3101008\'"><a id="inteSear9" style="cursor:pointer">小灵通</a></li>
分享到:
相关推荐
例如,可以隐藏原始的按钮,创建一个新的按钮元素,然后通过JavaScript监听文件选择事件,当用户点击新按钮时触发原始文件输入元素的选择文件操作: ```html ;"> 选择图片 ``` ```javascript document....
JavaScript(简称JS)颜色选择器是一种用户界面组件,允许用户在网页上选择颜色。它通常以调色板的形式呈现,用户可以通过点击或滑动来选取所需的颜色。在网页设计和开发中,颜色选择器广泛应用于表单输入、个性化...
通过在`<canvas>`元素上应用JavaScript,我们可以进行各种图像操作,包括读取像素数据、修改颜色值,然后重新绘制。使用`canvas.getContext('2d')`获取2D渲染上下文,这是进行所有绘图操作的基础。 颜色模型是理解...
原生JavaScript颜色选择色值拾取插件是一个用于网页开发的工具,它允许用户在网页上选择和设定颜色。这个插件不依赖于jQuery库,而是完全基于原生JavaScript实现,因此具有更好的性能和更小的体积。在网页设计和开发...
本文将深入探讨这款集成了多种语言语法加亮功能的编辑软件,包括JavaScript、HTML、CSS、VBScript、PHP以及ASP(.Net)等。 首先,JavaScript作为一种广泛应用于Web开发的动态编程语言,其在网页交互、数据处理和用户...
在JavaScript(JS)中实现颜色选择器,可以提供用户友好的交互体验,使得网页设计更加灵活且个性化。本文将详细介绍JavaScript颜色选择器的相关知识点,并探讨如何实现一个基本的颜色选择器。 ### 1. 颜色表示 在...
"原生js颜色选择色值拾取(拾色器)插件.zip" 提供了一个用纯JavaScript编写的解决方案,无需依赖任何外部库如jQuery或其他框架。这个插件使得开发者能够轻松地在网页上添加颜色选择功能,让用户体验更加直观和便捷。 ...
在JavaScript中封装一个色值选择器,可以极大地提高用户体验,使用户能够直观地设定颜色值,而无需记住复杂的十六进制或RGB代码。下面将详细阐述色值选择器的基本原理、实现方法以及使用技巧。 一、基本原理 1. ...
在颜色选择器中,当用户选择颜色后,JavaScript可能会更新某个元素的背景色或显示选定颜色的值。 6. **颜色选择组件**:颜色选择器通常包含几个部分,如预览区域、调色板、饱和度和亮度滑块等。这些组件可以通过...
然后,在 JavaScript 中,你可以使用 `document.getElementById()` 方法获取到这个 `<canvas>` 元素,并通过 `getContext()` 方法获取到 2D 渲染上下文,这将是你进行图形操作的主要接口: ```javascript var ...
3. **事件处理**:JavaScript颜色选择器的核心是事件监听器,如`change`、`click`和`input`,这些事件触发时会更新颜色值,并可能触发相应的回调函数,以更新页面上的颜色。 4. **UI设计**:一个良好的颜色选择器应...
在使用"JS网页背景颜色选择器插件_unhappy6t1_"时,开发者需要将插件的JavaScript和CSS文件引入到项目中,并按照文档说明进行初始化和配置。同时,根据项目需求,可能还需要编写一些JavaScript代码来处理颜色选择后...
例如,在Python中,可以创建一个函数,接收亮度值或百分比作为参数,然后进行相应的转换。 3. **文件操作**:为了将转换结果输出到文件,我们需要使用文件操作函数。在Python中,可以使用`open()`函数打开一个文件...
3. `js`:同样可能是目录,存放着插件的JavaScript源代码,如`color-picker.js`,实现了颜色选择器的功能逻辑。 在实际使用中,开发者需要将这些文件引入到他们的项目中,通过调用提供的API或者事件监听来集成颜色...
本文主要给大家介绍的是关于利用javascript获取任意颜色更亮或更暗颜色值的相关内容,下面话不多说,来一起看看详细的介绍: 预处理CSS,比如Sass和less可以通过设定一个特定值,让任何颜色变得更亮或者更暗。但是在...
jQuery颜色选择器插件jColor.js是一款专门为网页开发者设计的工具,它允许用户在网页上实现交互式颜色选择功能。这个插件基于流行的JavaScript库jQuery,使得颜色选择过程变得更加直观和用户友好。在网页设计中,...
它通常以JavaScript库的形式存在,提供用户友好的界面,允许用户在多种颜色之间进行选择,并将所选颜色的值传递给应用程序。这个压缩包可能包含一个名为"colorpicker"的文件或目录,这通常是一个颜色选择器的实现。 ...
【jQuery手指滑动刻度尺选择值特效】是一款专为手机移动端设计的交互式界面组件,它利用JavaScript库jQuery实现了用户通过手指滑动来选择数值的功能。这种特效在移动应用和响应式网页设计中十分常见,可以用于设置...
在颜色选择器的实现中,JavaScript主要负责处理用户点击事件,显示或隐藏颜色选择面板,并将选定的颜色值传递给相应的HTML元素。 颜色选择器通常包含一个预览区域、色板和一组调色工具。色板可以是基于RGB(红绿蓝...
此外,还有许多现成的JavaScript库,如`chroma.js`或`TinyColor`,可以简化颜色操作和转换,使得开发颜色选择器更加便捷。 总的来说,JavaScript颜色选择器是通过HSV模型提供用户友好的颜色选取工具,结合HTML、CSS...