Tạo liên kết hiển thị ảo với Javascript
Thường thì khi bạn thấy một liên kết và rê chuột vào nó sẽ hiển thị địa chỉ đích. Nhưng nếu áp dụng thủ thuật từ bài viết này bạn có thể thay đổi hiển thị địa chỉ đích này.
Tất nhiên cái gì cũng có mặt trái và mặt phải của nó, nếu bạn sử dụng với mục đích tốt thì nó sẽ là tốt hoặc ngược lại. Mình chia sẻ vì thấy rằng nó cũng là một thủ thuật hay còn về mục đích thì hoàn toàn do người sử dụng.
Để rõ hơn về thủ thuật này mới bạn click vào link demo bên dưới, nhưng trước hết hãy để ý hình ảnh bên dưới
Demo
Có rất nhiều cách để thay đổi hiển thị địa chỉ gốc cho link, nhưng mình xin được chia sẻ cách thêm JavaScript onclick. Bạn sử dụng đoạn code sau:
<a href="link hiển thị ảo" onclick="this.href = 'link muốn hướng đến'" target="_blank">Demo</a>
12 comments
Anh có thể cho em xin cái recent comment của anh dc ko ạ ^^!
Link : http://notepad.cc/code-recent-cmt
#rc-avatar-plus ul{margin:0 10px 0 -35px}
#rc-avatar-plus li{margin:0 0 5px !important;border:0 !important;background:transparent !important;padding:0 0 10px !important;list-style-type:none !important}
#rc-avatar-plus .rc-info{width:30px;margin-right:10px}
#rc-avatar-plus img{padding:0 !important;width:30px}
#rc-avatar-plus h4{position:relative;z-index:1;margin:-5px -340px 0 0;padding:2px 5px;float:right;background:#444}
#rc-avatar-plus a{width:300px;padding:5px;margin-right:10px}
#rc-avatar-plus a:hover{color:#fff !important;text-decoration:none}
#rc-avatar-plus p{margin:10px 0 5px;padding:0}
#rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a,#rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a{float:left}
#rc-avatar-plus span{display:none}
#rc-avatar-plus .rc-author a,#rc-avatar-plus .rc-admin a{background:#2a2a2a}
http://www.bay68.com/2014/10/ancmedia-plugin-ho-tro-play-videos.html
Cảm ơn bạn đã ghé thăm Troll VL !
Insert Emoticons» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>
Mã Hóa Code Tạo và xem trước comments Cancel Reply
&Convert
'Convert
"Convert
<Convert
>