`
yangw1125
  • 浏览: 10547 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

interceptString

IEFirefoxOperaXHTMLHTML 
阅读更多
function interceptString(str,len)
{
//length属性读出来的汉字长度为1
if(str.length*2 <= len)
{
   return str;
}
var strlen = 0;
var s = "";
for(var i = 0;i < str.length; i++)
{
   if(str.charCodeAt(i) > 128)
   {  
    strlen = strlen + 2;
    if(strlen > len)
    {
     return s.substring(0,s.length-1) + "...";
    }
   }
   else
   {
    strlen = strlen + 1;
    if(strlen > len)
    {
     return s.substring(0,s.length-2) + "...";
    }
   }
 
   s = s + str.charAt(i);
 
}
return s;
}
分享到：
评论
1 楼 yangw1125 2009-07-02  
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title>代码实例：拖动对象 Drag Object (兼容:IE、Firefox、Opera ... )</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="editor" content="枫岩,http://www.cnlei.com">
<meta name="keywords" content="代码实例：拖动对象">
<meta name="description" content="最简短的拖动对象代码实例演示">
<style>
.dragAble {
position: relative;
cursor: move;
}
</style>
<script language="javascript">
<!--
// Author:  Unkonw
// Modify:  枫岩@CnLei.com
var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var y,x;
var oDragObj;

function moveMouse(e) {
if (isdrag) {
oDragObj.style.top  =  (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px";
oDragObj.style.left  =  (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px";
return false;
}
}

function initDrag(e) {
var oDragHandle = nn6 ? e.target : event.srcElement;
var topElement = "HTML";
while (oDragHandle.tagName != topElement && oDragHandle.className != "dragAble") {
oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement;
}
if (oDragHandle.className=="dragAble") {
isdrag = true;
oDragObj = oDragHandle;
nTY = parseInt(oDragObj.style.top+0);
y = nn6 ? e.clientY : event.clientY;
nTX = parseInt(oDragObj.style.left+0);
x = nn6 ? e.clientX : event.clientX;
document.onmousemove=moveMouse;
return false;
}
}
document.onmousedown=initDrag;
document.onmouseup=new Function("isdrag=false");
//-->
</script>
</head>
<body>
<div class="dragAble">
ddddddd
</div>
<img
src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif"
class="dragAble" />
<img
src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif"
class="dragAble" />
<img
src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif"
class="dragAble" />
<br />
<br />
<div
style="border: 1px solid #ff6d00; background: #ffd801; width: 240px; padding: 5px 0;"
class="dragAble">
这些都是可拖动对象
</div>
</body>
</html>
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    前后台实现精确截取指定长度字符串(考虑全角半角)

    这里调用了`InterceptString`方法，将`Eval("Title")`获取的数据源字段值作为参数传入，并设置截取长度为10个字符单位。 ### 五、总结 本文详细介绍了如何在前后端开发中实现精确截取指定长度字符串，特别是在处理...

    asp画中画广告插入在每篇文章中的实现方法

    接下来，我们需要一个函数`InterceptString`来截取字符串，同时考虑到中文字符和英文字符的处理。这个函数会计算中文字符的数量，确保广告插入位置正确。此外，`StrCount`函数用于计算字符串中特定子串出现的次数，...

    Scratch图形化编程语言入门与进阶指南

    内容概要：本文全面介绍了Scratch编程语言，包括其历史、发展、特点、主要组件以及如何进行基本和进阶编程操作。通过具体示例，展示了如何利用代码块制作动画、游戏和音乐艺术作品，并介绍了物理模拟、网络编程和扩展库等功能。 适合人群：编程初学者、教育工作者、青少年学生及对编程感兴趣的各年龄段用户。 使用场景及目标：①帮助初学者理解编程的基本概念和逻辑；②提高学生的创造力、逻辑思维能力和问题解决能力；③引导用户通过实践掌握Scratch的基本和高级功能，制作个性化作品。 其他说明：除了基础教学，文章还提供了丰富的学习资源和社区支持，帮助用户进一步提升技能。

    mmexport1734874094130.jpg

    mmexport1734874094130.jpg

    基于simulink的悬架仿真模型，有主动悬架被动悬架天棚控制半主动悬架 1基于pid控制的四自由度主被动悬架仿真模型 2基于模糊控制的二自由度仿真模型，对比pid控制对比被动控制，的比较说明

    基于simulink的悬架仿真模型，有主动悬架被动悬架天棚控制半主动悬架 [1]基于pid控制的四自由度主被动悬架仿真模型 [2]基于模糊控制的二自由度仿真模型，对比pid控制对比被动控制，的比较说明 [3]基于天棚控制的二自由度悬架仿真 以上模型，说明文档齐全，仿真效果明显

    【组合数学答案】组合数学-苏大李凡长版-课后习题答案

    内容概要：本文档是《组合数学答案-网络流传版.pdf》的内容，主要包含了排列组合的基础知识以及一些经典的组合数学题目。这些题目涵盖了从排列数计算、二项式定理的应用到容斥原理的实际应用等方面。通过对这些题目的解析，帮助读者加深对组合数学概念和技巧的理解。 适用人群：适合初学者和有一定基础的学习者。 使用场景及目标：可以在学习组合数学课程时作为练习题参考，也可以在复习考试或准备竞赛时使用，目的是提高解决组合数学问题的能力。 其他说明：文档中的题目覆盖了组合数学的基本知识点，适合逐步深入学习。每个题目都有详细的解答步骤，有助于读者掌握解题思路和方法。

    YOLO算法-雨水排放涵洞模型数据集-1000张图像带标签-.zip

    YOLO系列算法目标检测数据集，包含标签，可以直接训练模型和验证测试，数据集已经划分好，包含数据集配置文件data.yaml，适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法； 包含两种标签格:yolo格式（txt文件）和voc格式（xml文件），分别保存在两个文件夹中，文件名末尾是部分类别名称; yolo格式：<class> <x_center> <y_center> <width> <height>， 其中： <class> 是目标的类别索引（从0开始）。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标，这些坐标是相对于图像宽度和高度的比例值，范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度，也是相对于图像宽度和高度的比例值； 【注】可以下拉页面，在资源详情处查看标签具体内容；

    操作系统实验 Ucore lab5

    操作系统实验 Ucore lab5

    学生成绩管理系统软件界面

    基于matlab开发的学生成绩管理系统GUI界面，可以实现学生成绩载入，显示，处理及查询。

    NVR-K51-BL-CN-V4.50.010-210322

    老版本4.0固件，(.dav固件包），支持7700N-K4,7900N-K4等K51平台，升级后出现异常或变砖可使用此版本。请核对自己的机器信息，确认适用后在下载。

    YOLO算法-塑料数据集-7张图像带标签-塑料.zip

    YOLO系列算法目标检测数据集，包含标签，可以直接训练模型和验证测试，数据集已经划分好，包含数据集配置文件data.yaml，适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法； 包含两种标签格:yolo格式（txt文件）和voc格式（xml文件），分别保存在两个文件夹中，文件名末尾是部分类别名称; yolo格式：<class> <x_center> <y_center> <width> <height>， 其中： <class> 是目标的类别索引（从0开始）。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标，这些坐标是相对于图像宽度和高度的比例值，范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度，也是相对于图像宽度和高度的比例值； 【注】可以下拉页面，在资源详情处查看标签具体内容；

    YOLO算法-杂草检测项目数据集-3970张图像带标签-杂草.zip

    YOLO算法-杂草检测项目数据集-3970张图像带标签-杂草.zip

    E008 库洛米（3页）.zip

    E008 库洛米（3页）.zip

    基于西门子 PLC 的晶圆研磨机自动控制系统设计与实现-论文

    内容概要：本文详细阐述了基于西门子PLC的晶圆研磨机自动控制系统的设计与实现。该系统结合了传感器技术、电机驱动技术和人机界面技术，实现了晶圆研磨过程的高精度和高效率控制。文中详细介绍了控制系统的硬件选型与设计、软件编程与功能实现，通过实验测试和实际应用案例验证了系统的稳定性和可靠性。 适合人群：具备一定的自动化控制和机械设计基础的工程师、研究人员以及从事半导体制造的技术人员。 使用场景及目标：本研究为半导体制造企业提供了一种有效的自动化解决方案，旨在提高晶圆研磨的质量和生产效率，降低劳动强度和生产成本。系统适用于不同规格晶圆的研磨作业，可以实现高精度、高效率、自动化的晶圆研磨过程。 阅读建议：阅读本文时，重点关注晶圆研磨工艺流程和技术要求，控制系统的硬件和软件设计方法，以及实验测试和结果分析。这将有助于读者理解和掌握该自动控制系统的实现原理和应用价值。

    YOLO算法-禾本科杂草数据集-4760张图像带标签.zip

    YOLO系列算法目标检测数据集，包含标签，可以直接训练模型和验证测试，数据集已经划分好，包含数据集配置文件data.yaml，适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法； 包含两种标签格:yolo格式（txt文件）和voc格式（xml文件），分别保存在两个文件夹中，文件名末尾是部分类别名称; yolo格式：<class> <x_center> <y_center> <width> <height>， 其中： <class> 是目标的类别索引（从0开始）。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标，这些坐标是相对于图像宽度和高度的比例值，范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度，也是相对于图像宽度和高度的比例值； 【注】可以下拉页面，在资源详情处查看标签具体内容；

    深圳建筑安装公司“挖掘机安全操作规程”.docx

    深圳建筑安装公司“挖掘机安全操作规程”

    YOLO算法-汽车数据集-120张图像带标签-汽车.zip

    YOLO系列算法目标检测数据集，包含标签，可以直接训练模型和验证测试，数据集已经划分好，包含数据集配置文件data.yaml，适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法； 包含两种标签格:yolo格式（txt文件）和voc格式（xml文件），分别保存在两个文件夹中，文件名末尾是部分类别名称; yolo格式：<class> <x_center> <y_center> <width> <height>， 其中： <class> 是目标的类别索引（从0开始）。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标，这些坐标是相对于图像宽度和高度的比例值，范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度，也是相对于图像宽度和高度的比例值； 【注】可以下拉页面，在资源详情处查看标签具体内容；

    大题解题方法等4个文件.zip

    大题解题方法等4个文件.zip

    保障性安居工程考评内容和评价标准.docx

    保障性安居工程考评内容和评价标准.docx

    监督机构检查记录表.docx

    监督机构检查记录表.docx

Magicbox
Global site tag (gtag.js) - Google Analytics