爱站云博客 - 好东西不私藏,大家一起分享! 在线留言      投稿说明      SEO服务      申请友链
爱站云SEO 爱站云SEO
爱站云SEO

网站首页 官方动态 正文

爱站云SEO文章js外部调用+布局浮动

爱站云 2018-06-10 官方动态 0 评论

爱站云SEO已有几百篇,今天提供js对外展示,下午是调用js和布局的浮动代码。

js调用代码

<script type="text/javascript" src="https://www.heikw.cn/?Api&amp;keyword=20,3,null,null,null,null,null,new"></script>

以上是js的调用代码,另外备注一下:keyword=20,3   这是调用的我本地文章和分类,需要需要修改文章显示数量,可以将20修改成任意数字,3不动。

下面是调用的布局和浮动

双排展示调用的SEO文章代码:

<fieldset style="border:1px dashed #E56600;vertical-align:middle;padding:10px;border-radius:8px;">
<div class="cmslist cmslist2">
//这里放上面的js调用代码
</div>
</fieldset>
//这里是css浮动代码,需要自行防御css文件里即可
.cmslist ul{padding: 3.5px 0;}
.cmslist li{height:28px;line-height:28px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cmslist li time{margin-left:5px;}
.cmslist2{float:none;width:100%;min-height:240px;}
.cmslist2 ul{overflow:hidden;}
.cmslist2 li{float:left;width:310px;margin:0 30px 0 0;}

演示展示截图:

image.png

单排展示代码:

<div class="hot bgb">
<div class="notice">
 <div class="tab-hd1">
  <ul class="tab-nav"> 
<li class="on"><a href="javascript:void">爱站云seo教学</a></li>
   </ul>
 </div>
</div>
<script type="text/javascript" src="https://www.heikw.cn/?Api&amp;keyword=10,3,null,null,null,null,null,new"></script>
</div>
.bgb{background-color:rgba(255,255,255,0.3);border:1px #4FCEF8 solid;}
.notice{width:100%;overflow:hidden;}.notice
.hot{width:445px;padding:2px 10px;}
.hot h2{font-size:18px;height:24px;overflow:hidden;margin:6px 0;text-align:center;}
.hot p{line-height:20px;height:40px;overflow:hidden;color:#777;}
.yanse2{color:#b400ff;}
.hot ul{margin-top:9px;padding-top:3px;}
.hot li{line-height:32px;color:#2f2f2f;height:33.7px;overflow:hidden;border-top:1px dotted #ddd;}
.hot li span{float:right;margin-left:10px;}

演示展示截图:

image.png

关于我们

我们日后会不断更新SEO文章,喜欢小伙伴们喜欢!点击链接加入群聊【站长之家】:https://jq.qq.com/?_wv=1027&k=5AtatPt 

爱站云SEO
本站永久网址:www.heikw.cn
本站所有文章,未经允许一律不允许转载,违者后果自负
本站为SEO教学博客,学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站部分文章存在于网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ:2126245521  官方QQ群:333914614


猜你喜欢

本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

温馨提示:(登陆后才可以评论哦!点我登录哦,若已登录请忽略)。
搜索
网站分类
标签列表
关于我们
本人提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
联系我们:给我发QQ消息  加入QQ群
爱站云安全认证