; Elaine0211
HOME TUTORIALS MATERIALS LINKS FOLLOW CHATBOX

# 课程 ; BT无连接式页面
2013/08/10 23:40 ♥ 0 SARANG(s)

Tutorials Require By 宝云

这个课程呢 仅限BT使用者
因为BS 的页面已经是这样的效果了
我个人喜欢这个效果的原因是 ;
1,,不需要等待页面loading
2,,不会让部落格显得很卡
当然 ,, BS 可以点击回到你原本开着的那个帖子
可是这个的代码 我还没那么大的本事研究到
如果你知道的话 记得要通知下我蛤 ;p
[ BS & BT 的代码大有不同 不要随意乱加代码 否者效果将会失效 ]

> 此课程乃博主亲手操刀、不允许转帖!
> 抄袭此课程者必定在部落格公开.
> 请勿盗图!

----------------------------------------------------------------------------------------------

BT 使用者

⒈ 布局 >> 添加小工具 >> HTML/JavaScript 添加代码*1*
⒉ 浏览、确定没出现乱码,,保存
⒊ 布局 >> 添加小工具 >> HTML/JavaScript 添加代码*2*
⒋ 浏览、确定没出现乱码,,保存
⒌ 重复Step⒊ &⒋ 直到你要的页面数量.

代码 *1*
<script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>

----------------------------------------------------------------------------------------------

代码*2*
<div id="XXX" onclick="document.getElementById('main').innerHTML=document.getElementById('0001').innerHTML">About</div>

<div style="display:none"; id="0001";>
<div style="padding: 15px 20px;margin:10px;background:#fff;">内容1</div></div>
Explain ;
蓝色代码 ; 页面效果代码 [ 不明白可以去查看多个页面效果课程 ]
红色代码 ; 第一个页面的ID代码 可自行更改 [ 两个代码必须是一样的 ]
紫色代码 ; 显示出来的字 可自行更改
水蓝代码 ; 可自行更改
那些是内容的背景 ,, 建议与post-body 一样 :)

----------------------------------------------------------------------------------------------

Extra ;
如果<div...></div> 行不通的话,,就换去 <a...></a>
还是要看你的effect啦
建议你们一个小工具放一个页面
这样才不会混乱
如果你要增加下一个页面 就重复以上的代码
但不一样的是ID代码
<div id="XXX" onclick="document.getElementById('main').innerHTML=document.getElementById('0002').innerHTML">Links</div>
<div style="display:none"; id="0002";>
<div style="padding: 15px 20px;margin:10px;background:#fff;">内容2</div></div>
橙色代码 ; 第二个页面的ID代码 可自行更改 [ 两个代码必须是一样的 ]

切记切记、每个页面的ID不可以一样
因为这样 内容就会重复
如果要用图案来呈现 ,, 就把紫色代码换去以下的代码
<img src="图案direct link" />
页面内容可添加以下代码 ;
链接 : <a href=" 网址 "> 显示字体 </a>
图案 : <img src=" 图案direct link " />
分行 : <br> // </br>
引号 : <blockquote> ........ </blockquote>

----------------------------------------------------------------------------------------------

这篇课程 只要你熟悉BS的页面
实际上不会有太多问题
不明白可以看这篇
比较担心 藽咕们把页面语法弄错而已
其他的你们慢慢摸索吧 :D
不明白可以在这里问我、但一定要说明是哪一段代码不明白
好啦 就将咯
愿藽咕们成功 :)


{{ Tutorial writed by BabeX eling ,, 2013 / 08 / 10 . }}

标签: , ,

◁ NEWER
OLDER ▷
© 2017 Designed By Elaine0211.