HTML 悬浮按钮 - 网站左下方交友墙按钮代码示例 - 常规

你可以使用以下的HTML代码来创建一个悬浮按钮并将其放置在网站的左下方。当用户点击按钮时，它将跳转到"http://chat.qq.com.guog.asia"网址。

<!DOCTYPE html>
<html>
<head>
<style>
#floating-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #4CAF50;
    color: white;
    padding: 15px 20px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

#floating-button:hover {
    background-color: #45a049;
}

</style>
</head>
<body>

<a href="http://chat.qq.com.guog.asia" target="_blank">
    <div id="floating-button">交友墙</div>
</a>

</body>
</html>

你可以将此代码保存为一个HTML文件，然后在浏览器中打开该文件，以查看悬浮按钮的效果。请注意，这只是基本的样式和功能，你可以根据需要进行修改和美化。