« »

$Hiệu ứng \$ Đoạn mã này là một cách thông minh để ẩn một phần đối với các đoạn văn bản dài trên trang web, sau đó thêm một liên kết cho phép người dùng ẩn/hiện đoạn văn bản đầy đủ. Đoạn mã này cho phép bạn chọn chiều dài của đoạn văn bản cần ẩn đi trong toàn bộ vùng văn bản.

Nhãn: Xem tiếp, thông minh, ẩn, văn bản, liên kết, cho phép, chiều dài, đoạn văn, vùng văn bản

Báo cho chúng tôi lỗi JavaScript này

Demo
Phóng to
Tải lại
Cửa sổ mới

Tạo video bằng AI chỉ với giọng nói hoặc văn bản

Ứng dụng video AI MIỄN PHÍ hàng đầu của bạn! Tự động hóa video AI đầu tiên của bạn. Tạo Video Chuyên Nghiệp Của Bạn Trong 5 Phút Bằng AI Không Cần Thiết Bị Hoặc Kỹ Năng Chỉnh Sửa Video. Sản xuất video dễ dàng dành cho nhà tiếp thị nội dung. Ứng dụng video AI KHÔNG GIỚI HẠN miễn phí trong tay bạn

Mã nguồn
JavaScript
HTML
In

Copy All x2

<script type="text/javascript">
// Created by: Patrick Fitzgerald | http://www.barelyfitz.com/

function truncate() {
  var len = 100;
  var p = document.getElementById('truncateMe');
  if (p) {
    var trunc = p.innerHTML;
    if (trunc.length > len) {

      /* Truncate the content of the P, then go back to the end of the
         previous word to ensure that we don't truncate in the middle of
         a word */
      trunc = trunc.substring(0, len);
      trunc = trunc.replace(/w+$/, '');

      /* Add an ellipses to the end and make it a link that expands
         the paragraph back to its original size */
      trunc += '<a href="#" ' +
        'onclick="this.parentNode.innerHTML=' +
        'unescape(''+escape(p.innerHTML)+'');return false;">' +
        '<span style="font-size: 10px;">[ more ... ]</span></a>';
      p.innerHTML = trunc;
    }
  }
}

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  truncate();
});
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<p id="truncateMe">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean consectetuer. Etiam venenatis. Sed ultricies, pede sit amet aliquet lobortis, nisi ante sagittis sapien, in rhoncus lectus mauris quis massa. Integer porttitor, mi sit amet viverra faucibus, urna libero viverra nibh, sed dictum nisi mi et diam. Nulla nunc eros, convallis sed, varius ac, commodo et, magna. Proin vel risus. Vestibulum eu urna. Maecenas lobortis, pede ac dictum pulvinar, nibh ante vestibulum tortor, eget fermentum urna ipsum ac neque. Nam urna nulla, mollis blandit, pretium id, tristique vitae, neque. Etiam id tellus. Sed pharetra enim non nisl.</p>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Lời bình (16)
Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

Lượt gửi (0)
Mới

BBCode
HTML
URL
JID

Ngày cập nhật:
Tác giả:
Lượt xem:
Lời bình:
Lượt đánh giá:
Lượt gửi:
Kích thước:
Thứ hạng:

18/05/2008
Patrick Fitzgerald [more]
36,504
16
36
0
3.95 KBytes

JavaScript Hiệu ứng "Xem tiếp..." - Ngôn ngữ: tiếng Việt

3.8/5 36 lượt đánh giá / 36,504 lượt xem / 16 lời bình 18/05/2008 Đoạn mã này là một cách thông minh để ẩn một phần đối với các đoạn ...JavaScript Hiệu ứng "Xem tiếp..." - Hiệu ứng "Xem tiếp..." - Ngôn ngữ: tiếng Việt

Hãy là thành viên đầu tiên làm điều này

mylove8105 vuphuonganh lehuyenduc npdangkhoa_1040642 mr_slump svmietvuonvn conduongmua1206 chenzenvl ttv1 SOSthang