友情链接代码示例

以下是几种常见的友情链接代码实现方式：

HTML 基础版本

html
<div class=friend-links
<h3友情链接</h3
<ul
<li<a href=https://example.com target=_blank rel=noopener noreferrer示例网站</a</li
<li<a href=https://anothersite.com target=_blank rel=noopener noreferrer另一个网站</a</li
<li<a href=https://thirdsite.com target=_blank rel=noopener noreferrer第三方网站</a</li
</ul
</div

CSS 美化版本

html
<style
.friend-links {
margin: 20px 0;
padding: 15px;
background: f5f5f5;
border-radius: 5px;
}
.friend-links h3 {
margin-top: 0;
color: 333;
border-bottom: 1px solid ddd;
padding-bottom: 10px;
}
.friend-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.friend-links li {
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
}
.friend-links a {
color: 0066cc;
text-decoration: none;
padding: 5px 10px;
border-radius: 3px;
transition: all 0.3s;
}
.friend-links a:hover {
background: e0e0e0;
color: 004499;
}
</style

<div class=friend-links
<h3友情链接</h3
<ul
<li<a href=https://example.com target=_blank rel=noopener noreferrer示例网站</a</li
<li<a href=https://anothersite.com target=_blank rel=noopener noreferrer另一个网站</a</li
<li<a href=https://thirdsite.com target=_blank rel=noopener noreferrer第三方网站</a</li
</ul
</div

WordPress 小工具版本

如果你使用WordPress，可以在主题的functions.php中添加：

php
function register_friend_links_widget() {
register_sidebar( array(
'name' = '友情链接区域',
'id' = 'friend_links',
'before_widget' = '<div class=friend-links-widget',
'after_widget' = '</div',
'before_title' = '<h3 class=widget-title',
'after_title' = '</h3',
) );
}
add_action( 'widgets_init', 'register_friend_links_widget' );

然后在模板中调用：
php
<?php if ( is_active_sidebar( 'friend_links' ) ) : ?
<div class=friend-links-container
<?php dynamic_sidebar( 'friend_links' ); ?
</div
<?php endif; ?

JavaScript 动态加载版本

javascript
// 友情链接数据
const friendLinks = [
{ name: 示例网站, url: https://example.com },
{ name: 另一个网站, url: https://anothersite.com },
{ name: 第三方网站, url: https://thirdsite.com }
];

// 渲染函数
function renderFriendLinks() {
const container = document.getElementById('friend-links-container');
if (!container) return;

let html = '<h3友情链接</h3<ul';

friendLinks.forEach(link = {
html += `<li<a href=${link.url} target=_blank rel=noopener noreferrer${link.name}</a</li`;
});

html += '</ul';
container.innerHTML = html;
}

// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', renderFriendLinks);

HTML部分：
html
<div id=friend-links-container</div

以上代码可以根据你的具体需求进行调整和扩展。