`
xdy2008
  • 浏览: 54250 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS选择的值进行加亮

 
阅读更多

//切换效果  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>

分享到:
评论

相关推荐

    js改变图片亮度..

    例如,可以隐藏原始的按钮,创建一个新的按钮元素,然后通过JavaScript监听文件选择事件,当用户点击新按钮时触发原始文件输入元素的选择文件操作: ```html ;"&gt; 选择图片 ``` ```javascript document....

    JS 颜色选择器

    JavaScript(简称JS)颜色选择器是一种用户界面组件,允许用户在网页上选择颜色。它通常以调色板的形式呈现,用户可以通过点击或滑动来选取所需的颜色。在网页设计和开发中,颜色选择器广泛应用于表单输入、个性化...

    用JS写的修改图片颜色值的工具第一步

    通过在`&lt;canvas&gt;`元素上应用JavaScript,我们可以进行各种图像操作,包括读取像素数据、修改颜色值,然后重新绘制。使用`canvas.getContext('2d')`获取2D渲染上下文,这是进行所有绘图操作的基础。 颜色模型是理解...

    原生js颜色选择色值拾取插件.zip

    原生JavaScript颜色选择色值拾取插件是一个用于网页开发的工具,它允许用户在网页上选择和设定颜色。这个插件不依赖于jQuery库,而是完全基于原生JavaScript实现,因此具有更好的性能和更小的体积。在网页设计和开发...

    JavaScript 脚本编辑软件,有着丰富的代码编辑功能(JavaScript, HTML, CSS, VBScript, PHP ,ASP(Net)语法加亮)

    本文将深入探讨这款集成了多种语言语法加亮功能的编辑软件,包括JavaScript、HTML、CSS、VBScript、PHP以及ASP(.Net)等。 首先,JavaScript作为一种广泛应用于Web开发的动态编程语言,其在网页交互、数据处理和用户...

    颜色选择器 js js颜色选择器

    在JavaScript(JS)中实现颜色选择器,可以提供用户友好的交互体验,使得网页设计更加灵活且个性化。本文将详细介绍JavaScript颜色选择器的相关知识点,并探讨如何实现一个基本的颜色选择器。 ### 1. 颜色表示 在...

    原生js颜色选择色值拾取(拾色器)插件.zip

    "原生js颜色选择色值拾取(拾色器)插件.zip" 提供了一个用纯JavaScript编写的解决方案,无需依赖任何外部库如jQuery或其他框架。这个插件使得开发者能够轻松地在网页上添加颜色选择功能,让用户体验更加直观和便捷。 ...

    色值选择器

    在JavaScript中封装一个色值选择器,可以极大地提高用户体验,使用户能够直观地设定颜色值,而无需记住复杂的十六进制或RGB代码。下面将详细阐述色值选择器的基本原理、实现方法以及使用技巧。 一、基本原理 1. ...

    js颜色选择器源码,用于网站颜色选择框

    在颜色选择器中,当用户选择颜色后,JavaScript可能会更新某个元素的背景色或显示选定颜色的值。 6. **颜色选择组件**:颜色选择器通常包含几个部分,如预览区域、调色板、饱和度和亮度滑块等。这些组件可以通过...

    html5canvas亮度调整

    然后,在 JavaScript 中,你可以使用 `document.getElementById()` 方法获取到这个 `&lt;canvas&gt;` 元素,并通过 `getContext()` 方法获取到 2D 渲染上下文,这将是你进行图形操作的主要接口: ```javascript var ...

    js颜色选择器

    3. **事件处理**:JavaScript颜色选择器的核心是事件监听器,如`change`、`click`和`input`,这些事件触发时会更新颜色值,并可能触发相应的回调函数,以更新页面上的颜色。 4. **UI设计**:一个良好的颜色选择器应...

    JS网页背景颜色选择器插件_颜色选择器_unhappy6t1_

    在使用"JS网页背景颜色选择器插件_unhappy6t1_"时,开发者需要将插件的JavaScript和CSS文件引入到项目中,并按照文档说明进行初始化和配置。同时,根据项目需求,可能还需要编写一些JavaScript代码来处理颜色选择后...

    DALI 灯光亮度值与百分比互转 直接生成到文件打印

    例如,在Python中,可以创建一个函数,接收亮度值或百分比作为参数,然后进行相应的转换。 3. **文件操作**:为了将转换结果输出到文件,我们需要使用文件操作函数。在Python中,可以使用`open()`函数打开一个文件...

    非常美观实用的js颜色选择器插件

    3. `js`:同样可能是目录,存放着插件的JavaScript源代码,如`color-picker.js`,实现了颜色选择器的功能逻辑。 在实际使用中,开发者需要将这些文件引入到他们的项目中,通过调用提供的API或者事件监听来集成颜色...

    用javascript获取任意颜色的更亮或更暗颜色值示例代码

    本文主要给大家介绍的是关于利用javascript获取任意颜色更亮或更暗颜色值的相关内容,下面话不多说,来一起看看详细的介绍: 预处理CSS,比如Sass和less可以通过设定一个特定值,让任何颜色变得更亮或者更暗。但是在...

    jQuery颜色选择器插件jColor.js.zip

    jQuery颜色选择器插件jColor.js是一款专门为网页开发者设计的工具,它允许用户在网页上实现交互式颜色选择功能。这个插件基于流行的JavaScript库jQuery,使得颜色选择过程变得更加直观和用户友好。在网页设计中,...

    颜色选择js

    它通常以JavaScript库的形式存在,提供用户友好的界面,允许用户在多种颜色之间进行选择,并将所选颜色的值传递给应用程序。这个压缩包可能包含一个名为"colorpicker"的文件或目录,这通常是一个颜色选择器的实现。 ...

    jQuery手指滑动刻度尺选择值特效.zip

    【jQuery手指滑动刻度尺选择值特效】是一款专为手机移动端设计的交互式界面组件,它利用JavaScript库jQuery实现了用户通过手指滑动来选择数值的功能。这种特效在移动应用和响应式网页设计中十分常见,可以用于设置...

    Javascript颜色选择器

    在颜色选择器的实现中,JavaScript主要负责处理用户点击事件,显示或隐藏颜色选择面板,并将选定的颜色值传递给相应的HTML元素。 颜色选择器通常包含一个预览区域、色板和一组调色工具。色板可以是基于RGB(红绿蓝...

    JavaScript颜色选择器

    此外,还有许多现成的JavaScript库,如`chroma.js`或`TinyColor`,可以简化颜色操作和转换,使得开发颜色选择器更加便捷。 总的来说,JavaScript颜色选择器是通过HSV模型提供用户友好的颜色选取工具,结合HTML、CSS...

Global site tag (gtag.js) - Google Analytics