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

少用但实用js和css整理中

阅读更多

控制字符长度过长换行:<TD style="vertical-align:top; COLOR: #333; BORDER-BOTTOM: #e3deb8 2px solid;BORDER-RIGHT: #e3deb8 2px solid;word-wrap:break-word;overflow:auto;" class="dataCell" scope=row>

 

<TD class="dataCell" style="vertical-align:top; COLOR: #333; BORDER-BOTTOM: #e3deb8 2px solid;BORDER-RIGHT: #e3deb8 2px solid;">

鼠标在表格上移动变色:<TR class=" dataRow even first"

onblur="if (window.hiOff){hiOff(this);}"

onmouseover="if (window.hiOn){hiOn(this);}"

onfocus="if (window.hiOn){hiOn(this);}"

onmouseout="if (window.hiOff){hiOff(this);}" id="dd">,页面数据多好像会很慢

或者

#DataGrid1 tr {
cursor:hand;
height:20px;
background-color: expression(this.sectionRowIndex % 2 == 0 ? "#EEF3F7" : "#F0F0FF" );
TableSelect: expression(
onmouseover = function()
{
this.style.backgroundColor =
(
this.style.backgroundColor != "#69cdff" ? "#69cdff" : (this.sectionRowIndex % 2 == 0 ? "#EEF3F7" : "#F0F0FF")
);
},
onmouseout = function()
{
this.style.backgroundColor =
(
this.style.backgroundColor != "#69cdff" ? "#69cdff" :(this.sectionRowIndex % 2 == 0 ? "#EEF3F7" : "#F0F0FF")
)
}
);
}

 

select多选控制

<script>
var tempMatch = new Array();
var tempNoMatch = new Array();
var count=0;
var mark=false;
function matchMoveselect(matchedId){ 
    var matched = document.getElementById(matchedId); 
    var temp = new Array();
    var j=0;   
    if(count==0){
        for(i=0;i <matched.options.length;i++){
            tempMatch[i]=new Option(matched.options[i].text,matched.options[i].value);             
        }       
    }
    count++;
    for(i=0;i <matched.options.length;i++){
        if(matched.options[i].selected){
            mark=true;
            //noMatched.options[noMatched.options.length]=new Option(matched.options[i].text,matched.options[i].value);
            temp[j]=i;     
            j++;
        }     
    }
    for(i=0;i <=temp.length;i++)    {
        matched.options[temp[i]-i]=null; 
    } 
   
}

</script>

/*添加select模板参考

var sAgent = navigator.userAgent.toLowerCase() ;
 
    // Internet Explorer
    if ( sAgent.indexOf("msie") != -1 && sAgent.indexOf("mac") == -1 && sAgent.indexOf("opera") == -1 )
    {
        if(flag){ 
            var sleold=oldstr.options.length;           
              var slenew=vect.size();
            oldstr.options.length=0;     
            for(var i=0;i <slenew;i++){
                var moPtion=window.opener.document.createElement("OPTION");     
                moPtion.text=map.get(vect.get(i));           
                moPtion.value=vect.get(i);
                if(!oldstr.contains(moPtion)){
                    oldstr.add(moPtion); 
                }                               
            }     
        }
    }else{
        if(flag){     
            var slenew=vect.size();     
            for(var i=0;i <slenew;i++){                       
                oldstr.options[i]=new Option(map.get(vect.get(i)),vect.get(i));                       
            }     
          }
    }

*/end

<select name="signatory" ondblclick="matchMoveselect('selFile');"  multiple="multiple" style="width:300" id="selFile">

<option value="100">Winston , </option>

</select>


<input name="rightMove" type="button" class="button"
                  value="Remove" onClick="matchMoveselect('selFile');">

 

分享到:
评论

相关推荐

    网页代码(含有CSS JS)

    流行实用的网页代码 ,,代码类含有CSS JS 个人整理收集

    纯CSS流程步骤箭头样式

    绝对经典,绝对实用!纯CSS!无图片无JS!样式是从阿里云上摘抄下来的,不过本人做了精心的整理。

    JQuery&CSS;&CSS;+DIV实例大全.rar

    兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码 12.漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码 13.实用国外JS内容选项卡DEMO下载 14.推荐通用文字图片JS不间断滚动封装类 代替Marquee 15.站长...

    十天学会DIV CSS教程完整版完美整理 完整代码.pdf

    完整的DIV+CSS教程,网站设计是做软件的入门,也是最简单,而且最为实用的设计需求。这么多年软件做下来,其实基本上软件设计的原理都有那么一些继承和发展。这篇文章对于初学网站前端设计的朋友很有用。学了这个,...

    linter:整理CSS以将自己限制为定义的值子集

    使用以下配置添加stylelint.config.js文件: let config = require ( './.subsetcss' ) ; module . exports = { plugins : [ 'subsetcss' ] , rules : { 'subsetcss/config' : [ true , config ] , } , } ; ...

    十天学会DIV+CSS教程完整版_完美整理+完整代码

    网站设计是做软件的入门,也是最简单,而且最为实用的设计需求。这么多年软件做下来,其实基本上软件设计的原理都有那么一些继承和发展。这篇文章对于初学网站前端设计的朋友很有用。学了这个,后面再去学习js,再学...

    c#技术整理与收集,整理一些平时用到的技术

    整理一些平时用到的技术,非常实用,包括C# ,javascript,css,sqlserver 等

    classgroup:一个实用工具,可将您CSS类保留在JS中,并在语义上进行分组

    班组ClassGroup是一个实用程序,可帮助您将JS中CSS类保持一致且在同时允许将关注点分离。 当使用效用驱动CSS原则或框架(例如而对性能的影响可以忽略时,它有助于整理标记。 它提高了组件的可读性,改善了开发人员的...

    webClean.js:基于Node.js构建的代码清理实用程序

    JS 格式化JS文件(整理) 解析和格式化JSON文件(即将推出) 包装JS文件(即将推出) PHP(即将推出) ###使用webClean.js 下面的依赖关系包含在/ node_modules的此存储库中,但是在使用webClean.js之前,您确实需要...

    JS学习资料

    网上有人分享经验,说到学习前端开发技术JavaScript很实用的一些书籍,从入门到高级,一一列举,很不错。整理了一下发上来。 名称: JavaScript+DOM编程艺术.pdf 概述: “本书理应奉为经典。文笔清晰,采用了优秀...

    github-vue-card:Vue.js + GitHub REST API + Tailwind CSS

    使用GitHub REST API获取我的用户信息,并使用Tailwind CSS在风格化的视图中呈现它。 生活 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 建于 ...

    d3.js中冷门却实用的内置函数总结

    其实在d3.js的API文档中,提供了很多内置的函数,但是有些很有用的内置函数却被无情的忽略了,这篇博客就来整理整理这些被遗忘却很实用的函数。希望整理过后,他们不再被遗忘。 selection.classed(name,【value】) ...

    JavaScript实现非常简单实用的下拉菜单效果

    这是一款实用的JS下拉菜单,鼠标移上菜单就显示出二级菜单,是从其它网站上整理下来的,修改花了不少时间,现在去除了一些无用代码,更简洁了,而且代码兼容性似乎也表现不错,这款两级下拉菜单,基本是由CSS和...

    html5+css3进度条倒计时动画特效代码【推荐】

    html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的,看到效果非常棒并且很实用,就第一时间把它整理出来与大家分享了,主要用到了html5、javascript和css3技术,用到了svg、circle、...

    一些常用且实用的原生JavaScript函数

    css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: http://www.12sui.cn/category/css/. 1. document.getElementById的简写: //...

    简洁方便的弹出窗口效果(支持滚动条、左右切换

    由于网友需要,今天特将一个弹窗窗口特效整理出来给大家使用。包括:弹出窗口特效、自定义滚动条,左右焦点图切换多种效果。 效果:点击图片后弹出一个窗口,大小固定死,始终处于网页中间位置,多出部分可自定义...

    JSP无限级分类目录树-sorttree.zip

    数据的获取和处理:在JSP页面中,需要通过SQL查询语句来获取数据库中的所有节点数据,并将其按照树形结构进行整理和排序。这样就可以在页面上展示出完整的导航树。 样式和交互设计:为了让用户更方便地浏览和访问...

    python项目棉花数据平台建设与可视化系统(django).zip

    - 前端可能采用了HTML、CSS和JavaScript,以及可能的框架如Bootstrap和D3.js,来实现数据的动态可视化。 - 数据库方面,可能使用了SQLite、PostgreSQL或其他数据库系统来存储棉花数据。 3. **功能特点**: - 系统...

    MySQL学生成绩管理系统

    开发出一个操作简便、界面友好、灵活实用、安全可靠的学生成绩管理系统。...前端则借鉴了网上找到的前端页面模板,在此基础上修改,主要技术是html+css+js,前后端分离开发,使用postman等工具进行接口测试 。

    [removed]由Zell策划的有用JavaScript代码片段的集合

    我整理了我使用JavaScript资料的集合。 希望您发现它们有用! 安装 用这个: npm install @zellwk/javascript 然后导入所需的任何实用程序。 一切清单 仅浏览器 -查找可聚焦元素 -获取1rem和1em值的实用程序 获取...

Global site tag (gtag.js) - Google Analytics