`
yangw1125
  • 浏览: 10494 次
  • 性别: 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`函数用于计算字符串中特定子串出现的次数，...

    基于springboot+Javaweb的二手图书交易系统源码数据库文档.zip

    基于springboot+Javaweb的二手图书交易系统源码数据库文档.zip

    Linux课程设计.doc

    Linux课程设计.doc

    课程考试的概要介绍与分析

    课程考试资源描述 本资源是为应对各类课程考试而精心准备的综合性学习包。它包含了多门学科的考试指南、历年真题、模拟试题以及详细的答案解析。这些资源旨在帮助学生系统复习课程内容，理解考试要点，提高解题技巧，从而在考试中取得优异成绩。 资源中不仅包含了基础的考试资料，还特别加入了考试技巧讲解和备考策略分析。学生可以通过这些资源了解不同题型的解题方法和思路，学会如何在有限的时间内高效答题。此外，还有针对弱项科目和难点的专项训练，帮助学生攻克学习瓶颈。 为了确保资源的时效性和准确性，我们会定期更新考试资料和模拟试题，及时反映最新的考试动态和趋势。同时，也提供了在线交流平台，方便学生之间互相讨论、分享学习心得。 项目源码示例（简化版，Python） 以下是一个简单的Python脚本示例，用于生成包含选择题和答案的模拟试题： python import random # 定义选择题题库 questions = [ {"question": "Python的创始人是谁？", "options": ["A. 林纳斯·托瓦兹", "B. 巴纳姆", "C. 比尔·盖茨", "D.

    基于Django的食堂点餐系统

    基于 MySQL+Django 实现校园食堂点餐系统。 主要环境： PowerDesigner MySQL Workbench 8.0 CE Python 3.8 Django 3.2.8 BootStrap 3.3.7 Django-simpleui

    基于SpringBoot的同城宠物照看系统源码数据库文档.zip

    基于SpringBoot的同城宠物照看系统源码数据库文档.zip

    value_at_a_point.ipynb

    GEE训练教程

    基于springboot+Web的心理健康交流系统源码数据库文档.zip

    基于springboot+Web的心理健康交流系统源码数据库文档.zip

    kotlin 实践微信插件助手, 目前支持抢红包（支持微信最新版本 7.0.0及7.0.3）.zip

    微信小程序 kotlin 实践微信插件助手, 目前支持抢红包（支持微信最新版本 7.0.0及7.0.3）.zip

    N32G45X运放电路检测电压

    N32G45X运放电路检测电压

    梦幻西游道人20241121数据

    梦幻西游道人是梦幻西游里面的一个NPC，主要是刷全服最实惠的高级兽决和其他很好用的比较贵的东西，在长安城、傲来国、长寿村中的任意一个场景出现，一般会出现30分钟，不过东西一般都被秒刷。 梦幻西游道人出现时间解析如下： 1.梦幻西游道人出现时间一直都保持着一年出现两次的规律，即2、3月份的元宵节期间来一次，9月份的教师节期间出现一次。 2.云游道人每个整点(0:00至7:00不出现)会在长安城、傲来国、长寿村中的任意一个场景出现,每次出现后停留时间为30分钟。

    tables-3.7.0-cp38-cp38-win_amd64.whl

    tables-3.7.0-cp38-cp38-win_amd64.whl

    基于springboot旧物回收管理系统源码数据库文档.zip

    基于springboot旧物回收管理系统源码数据库文档.zip

    MariaDB集群部署手册word版最新版本

    MariaDB数据库管理系统是MySQL的一个分支，主要由开源社区在维护，采用GPL授权许可 MariaDB的目的是完全兼容MySQL，包括API和命令行，使之能轻松成为MySQL的代替品。在存储引擎方面，使用XtraDB（英语：XtraDB）来代替MySQL的InnoDB。 本文档介绍了MariaDB 10.1的集群部署，至少三台机器做成集群，每台可以同时提供读和写，感兴趣的小伙伴们可以参考一下

    JavaScript语言教程：基础语法、DOM操作、事件处理及新特性详解

    内容概要：本文档全面介绍了JavaScript作为一种轻量级的、解释型的语言及其在前端开发中的广泛应用。从JavaScript的基本概念出发，详尽讲解了基础语法（如变量、数据类型、运算符、流程控制）、函数和闭包、对象和原型、DOM操作（如获取、修改、添加和删除元素）、事件处理（如事件监听器、事件对象）、AJAX与Fetch API、ES6+的新特性（如箭头函数、模板字符串、解构赋值）以及前端框架和库（React、Vue、Angular）。除此之外，文章还涉及了代码优化技巧（如减少DOM操作、选择适当的算法和数据结构、使用工具提升代码性能），并对JavaScript的应用场景和发展趋势进行了展望。 适用人群：适用于初学者或具有少量编程经验的学习者，旨在帮助他们系统掌握JavaScript基础知识和前沿技术。 使用场景及目标：通过本教程的学习，读者不仅可以学会基本语法，还能理解并掌握高级概念和技术，如DOM操纵、事件处理机制、异步编程及最新的ECMAScript规范。这不仅有助于改善用户体验、增强网站互动性和响应速度，也能有效提升自身的编码水平和项目开发能力。 其他说明：此文档不仅涵盖了JavaScript的传统功能，还有现代前端技术和最佳实践指导，确保读者能够紧跟行业发展步伐，成为合格甚至优秀的Web开发人员。

    毕业设计&课设_安卓公交线路查询 app（含架构技术、数据格式及数据库相关说明）.zip

    该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过严格测试运行成功才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。

    基于springboot高考志愿智能推荐系统源码数据库文档.zip

    基于springboot高考志愿智能推荐系统源码数据库文档.zip

    经典-FPGA时序约束教程

    经典-FPGA时序约束教程

    mcu交互实验整体文件

    mcu交互实验整体文件

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