Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何分割一个网页,并在一边有可点击的链接,以及这些链接将显示在另一边_Html_Css - Fatal编程技术网

Html 如何分割一个网页,并在一边有可点击的链接,以及这些链接将显示在另一边

Html 如何分割一个网页,并在一边有可点击的链接,以及这些链接将显示在另一边,html,css,Html,Css,我希望我的网页的一侧有一个无序的链接列表,当你点击这些链接时,信息将根据点击的链接显示在网页的另一侧。这可以只用HTML和CSS来完成吗?如果不能,我可以用PHP来完成吗 这是我当前的代码 文章{ 浮动:左; 填充:0px; 宽度:35%; 背景色:#f1f1; 高度:650px; } 李{ 利润率:40px0; } 这可以通过使用JavaScript在链接的另一侧创建一个元素,然后使用 document.getElementById("id").innerHTML 根

我希望我的网页的一侧有一个无序的链接列表,当你点击这些链接时,信息将根据点击的链接显示在网页的另一侧。这可以只用HTML和CSS来完成吗?如果不能,我可以用PHP来完成吗

这是我当前的代码

文章{
浮动:左;
填充:0px;
宽度:35%;
背景色:#f1f1;
高度:650px;
}
李{
利润率:40px0;
}


  • 这可以通过使用JavaScript在链接的另一侧创建一个元素,然后使用

    document.getElementById("id").innerHTML
    
    根据单击的内容编辑其内容(通过将onclick函数链接到您的链接)

    显示网页后编辑网页不能仅使用CSS和HTML


    这里有一个

    仅HTML和CSS(如果你真的坚持,但它有点讨厌,tho): 将包含相关信息的
    放置在
  • 元素中。当链接被鼠标覆盖(并获得
    :在CSS中悬停
    )时,
    s和
  • s也是如此。使
    隐藏(使用CSS)并仅在悬停时显示它们

    li div {display:none;}
    li:hover div {display:block; ... }
    
    这是我给你做的一个演示

    客户端javascript/jQuery。。
    .. 是一个更实用的选项,单击链接将更改相应
    的CSS,可以根据需要放置和设置样式。或者,使用包含文本的
    数据-
    属性,可以将此文本插入右侧的单个信息

    您能给我一个在链接另一侧创建元素的示例吗?谢谢。他特别说他希望他们在点击链接时出现。此外,考虑更好的格式化你的帖子。他明确地说他想要“HTML和CSS”,所以我提供了两个选项,包括一个实际上尊重ParPro所要求的(虽然不是不完美,而是:悬停而不是点击)。为了清楚起见,我用大胆的开头将两者分开。我认为这样的格式比每个句子都有一个单独的段落,或者用代码块分割句子要好。