php左右框架,左右框架

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

其实我那些也不是特别会，用jquery的话我给你看啊

.H{background:#FFF000;width:200px;height:40px;font-size:18px;padding-top:15px;text-align:center}

.hh{background:#FFF0bb;width:200px;height:40px;font-size:18px;padding-top:15px;text-align:center}

#btn{border:#666 1px solid;padding:2px;width:150px;height:30px;margin-bottom:5px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ECE9DB);}

.text{width:200px;height:30px;text-align:center;font-size:12px;background:#CA8EFF;padding-top:15px}

.main{width:200px;height:100%;background:red;margin:0 auto}

.bg{width:200px;height:30px;text-align:center;font-size:12px;background:#B15BFF;;padding-top:15px}

.hide{display:none}

.show{display:block}

$(function()

{

$("div.text:odd").addClass("bg");

$("div.H:odd").addClass("hh");

$(".H:eq(0)").hover(function()

{

$(".hide:eq(0)").toggleClass("show");

})

$(".hide:eq(0)").hover(function()

{

$(".hide:eq(0)").toggleClass("show");

})

$(".H:eq(1)").hover(function()

{

$(".hide:eq(1)").toggleClass("show");

})

$(".hide:eq(1)").hover(function()

{

$(".hide:eq(1)").toggleClass("show");

})

$(".H:eq(2)").hover(function()

{

$(".hide:eq(2)").toggleClass("show");

})

$(".hide:eq(2)").hover(function()

{

$(".hide:eq(2)").toggleClass("show");

})

$(".H:eq(3)").hover(function()

{

$(".hide:eq(3)").toggleClass("show");

})

$(".hide:eq(3)").hover(function()

{

$(".hide:eq(3)").toggleClass("show");

})

$(".H:eq(4)").hover(function()

{

$(".hide:eq(4)").toggleClass("show");

})

$(".hide:eq(4)").hover(function()

{

$(".hide:eq(4)").toggleClass("show");

})

})

第一章

第一节.XXXXXXX

第二节.XXXXXXX

第三节.XXXXXXX

第四节.XXXXXXX

第五节.XXXXXXX

第六节.XXXXXXX

第七节.XXXXXXX

第二章

第一节.XXXXXXX

第二节.XXXXXXX

第三节.XXXXXXX

第四节.XXXXXXX

第五节.XXXXXXX

第六节.XXXXXXX

第七节.XXXXXXX

第三章

第一节.XXXXXXX

第二节.XXXXXXX

第三节.XXXXXXX

第四节.XXXXXXX

第五节.XXXXXXX

第六节.XXXXXXX

第七节.XXXXXXX

第四章

第一节.XXXXXXX

第二节.XXXXXXX

第三节.XXXXXXX

第四节.XXXXXXX

第五节.XXXXXXX

第六节.XXXXXXX

第七节.XXXXXXX

第五章

第一节.XXXXXXX

第二节.XXXXXXX

第三节.XXXXXXX

第四节.XXXXXXX

第五节.XXXXXXX

第六节.XXXXXXX

第七节.XXXXXXX

你看这里变得script脚本，我引入了一个叫my_javascript.js的文件，那个就是jq文件，你可以去jq官网下载，然后那段脚本文件你好好看看，要教程的话加话QQ吧，我有一个ppt，QQ号是844627855