控制字符长度过长换行:<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效果,如图片处理、层叠样式和相册效果。以下是对这些知识点的详细说明: 1. **CSS(层叠样式表)**:CSS是用于定义网页...
网页代码是构建现代网站不可或缺的元素,其中包括了CSS(层叠样式表)和JS(JavaScript),这两种技术在网页设计和开发中扮演着至关重要的角色。本压缩包集合了我个人整理和收集的一些流行且实用的网页代码片段,...
在IT行业中,CSS(Cascading Style Sheets)和JavaScript(JS)是网页开发中的核心语言。它们分别负责页面的样式设计和动态交互效果。而"css和js格式工具"则是针对这两种语言的专业辅助软件,旨在帮助开发者更好地...
【EditPlus】是一款功能强大的文本编辑器,尤其在CSS和JS的智能格式化方面表现出色。这款工具不仅可以作为基础的文本编辑器使用,还能提供高级的功能,如代码高亮、自动完成、语法检查以及文件搜索等,极大地提升了...
本项目是一个基于HTML5、CSS和JavaScript实现的博客前端页面,展示了如何运用这些技术来创建一个功能丰富的网页...虽然描述中提到作者的语言组织可能不够精炼,但只要耐心研究,依然可以从中学到很多实用的知识和技巧。
"JS格式整理工具"是一个专为JavaScript代码美化和格式化设计的应用。这个工具的主要功能是帮助开发者将混乱无序的JS代码整理成清晰易读的标准格式,提高代码的可读性和维护性。在编程过程中,代码的整洁度是至关重要...
TBCompressor_v2.4就是这样一款由淘宝工程师精心打造的JavaScript(js)和CSS(css)压缩工具,它能够有效地帮助开发者减小文件体积,提升网页加载效率,进而优化用户体验。 TBCompressor_v2.4的核心功能在于其强大...
标题中的“扫描本地页面文件.html或jsp,按照原目录结构,提取页面相关的js.css.img等”指的是一个程序或工具的功能,它能够遍历指定的HTML或JSP文件,并且按照这些文件原本所在的目录结构,找出并提取出与页面相关的...
《HTML-CSS-Javascript速查手册》是一本集成了HTML、CSS和JavaScript三种核心Web开发技术的实用指南,旨在为Web设计师和开发者提供一个高效、便捷的信息查询平台。该手册由CrazyFrom.com精心编纂,收录了互联网上...
EditPlus是一款强大的文本编辑器,尤其在处理JSON、JavaScript(JS)和CSS代码时,它提供了方便的格式化和美化功能。对于开发者来说,保持代码的整洁和规范至关重要,这不仅可以提高代码可读性,也有利于团队协作和...
这个"EasyUI超实用的DEMO案例整理"集合了官方源码Quicknine中的精华部分,旨在帮助前端开发者快速理解和应用EasyUI。 1. EasyUI 基本概念: EasyUI 提供了一系列组件,如布局(layout)、表格(datagrid)、对话框...
本文将详细介绍如何使用Node.js从HTML文件中分离出JavaScript和CSS代码,并将它们分别生成为独立的.js和.css文件。这一过程涉及到了Node.js中的文件处理、异步编程模式以及一些必要的库和工具。 首先,我们需要了解...
2. **GitHub - bradtraversy/50projects50days**:该项目包含了一系列使用 HTML、CSS 和 JavaScript 编写的小型 Web 应用程序,每个项目都有详细的代码注释和说明,非常适合初学者。链接:[GitHub - bradtraversy/50...
通过合理利用CSS、TABLE和JS,开发者可以打造出既美观又实用的后台系统,提高工作效率,同时也能提升用户的操作体验。无论是新手还是经验丰富的开发者,都能从中受益,快速构建出满足业务需求的后台管理界面。
本资源"前端JS插件整理"包含了多种类型的插件,涵盖了工具类、浏览器增强类、表单处理、图像处理、图标应用、UI组件、用户体验优化、动画效果以及与Bootstrap相关的插件等。下面我们将详细探讨这些类别中的知识点。 ...
EditPlus提供的这些HTML、CSS和JavaScript插件经过测试并整理,确保了它们的安全性和实用性。它们不仅能帮助开发者节省时间,还能提高代码质量,是EditPlus用户不可或缺的利器。因此,如果你是EditPlus的使用者,...
HTML网页扒取工具是一种高效的方法,用于批量获取网页上的HTML、CSS、JavaScript和图像资源,大大简化了网页内容的下载和存储过程。这种工具对于网页设计师、开发者、数据抓取人员以及想要离线查看网页内容的用户来...
标题中的“超好用的网站整站静态资源文件CSS\JPG\JS下载神器”指的是一个工具或服务,专门用于批量下载网站上的CSS(层叠样式表)、JPG(联合图像专家小组格式的图片)和JS(JavaScript)等静态资源。这类工具对于...
JavaScript,简称JS,是Web开发中的重要脚本语言,用于实现客户端的动态效果和交互。在网页设计中,JS特效可以提升用户体验,增加网站的吸引力。以下是对标题"12个实用且不俗气的JS特效"所涵盖的几个关键知识点的...
资料中可能包括CSS语法基础、选择器使用、布局模式(如流体布局、网格布局)以及CSS3的新特性,如动画和过渡效果。 其次,JavaScript是Web开发的核心部分,它负责网页的交互性。JavaScript可以创建动态内容,比如...