网页一键分享按钮HTML代码

<!DOCTYPE html>  
<html>  
<head>  
<META http-equiv="content-type" content="text/html; charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
<div class="bdsharebuttonbox">  
<a href="#" class="bds_more" data-cmd="more"></a>  
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>  
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>  
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>  
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>  
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>  
</div>  
<script>  
window._bd_share_config={  
        "common":{  
            "bdPopTitle":"您的自定义pop窗口标题",  
            "bdSnsKey":{},  
            "bdText":"此处填写自定义的分享内容",   
            "bdMini":"2",  
            "bdMiniList":false,  
            "bdPic":"http://localhost/centlight/public/attachment/201410/24/14/5449ef39574f5_282x220.jpg", /* 此处填写要分享图片地址 */  
            "bdStyle":"0",  
            "bdSize":"16"  
            },  
        "share":{}  
};  
with(document)0[  
                (getElementsByTagName('head')[0]||body).  
                appendChild(createElement('script')).  
                src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)  
];  
        </script>  
</body>  
</html>  

百度一键分享专业开发板代码帮助文档: http://share.baidu.com/code/advance

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现静态网页一键换肤的方法主要是利用JavaScript动态修改CSS样式表中的样式,从而达到切换皮肤的效果。 下面给出一个简单的实现示例: HTML代码: ```html <!DOCTYPE html> <html> <head> <title>一键换肤示例</title> <link rel="stylesheet" type="text/css" href="style.css" id="skin"> <script type="text/javascript" src="skin.js"></script> </head> <body> <div class="container"> <h1>一键换肤示例</h1> <p>这是一个静态网页,支持一键换肤。</p> <button onclick="changeSkin('blue')">蓝色</button> <button onclick="changeSkin('green')">绿色</button> <button onclick="changeSkin('yellow')">黄色</button> </div> </body> </html> ``` CSS代码: ```css .container { width: 500px; margin: 0 auto; padding: 20px; background-color: #f0f0f0; } h1 { font-size: 36px; color: #333; } p { font-size: 18px; color: #666; line-height: 1.8; } .blue { background-color: #0077be; color: #fff; } .green { background-color: #00b300; color: #fff; } .yellow { background-color: #ffd700; color: #333; } ``` JavaScript代码: ```javascript function changeSkin(skin) { var css = document.getElementById('skin'); css.href = 'skin-' + skin + '.css'; } ``` 在这个示例中,我们在HTML代码中加入了三个按钮,分别代表不同的皮肤。当用户点击按钮时,会触发changeSkin函数,该函数通过修改CSS样式表中的href属性,来加载不同的皮肤CSS文件。这些皮肤CSS文件需要事先定义好,并通过不同的类名来实现样式的不同。 需要注意的是,在修改href属性时,需要保证新的CSS文件已经加载完成,否则可能会出现样式混乱的情况。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值