如何在html中,超链接上面显示new标记

如何在html中,超链接上面显示new标记,第1张

这个得用jq啊,给你一段

css段

<style type="text/css">

a.aaa{ display:block width:100px height:50px position:relative}

a.aaa span{display:block width:50px height:30pxposition:absolute}

</style>

html段

<a class="aaa" href="javascript:void(0)"><span>new</span></a>

js段

<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>

<script language="javascript">

$(document).ready(function() {

    $('.aaa').click(

        function(){

        $(this).children('span').hide()

        }

    )

})

</script>

上边的jquery-1.8.0.min.js是一个jq库,去网上下载,直接就可以下载下来

上传一个新的资源出现new的标志很简单,方法就是,在上传文件的时候添加一个new属性,然后前台判断如果有new属性,那么就添加一个new的标志,或者根据时间来判断,这个方法有很多种。

但是按照你的意思,应该还想实现看过的去掉new标识,而没看过的保持new标识,这个就有点难了,我才,应该要存cookie了(这个是猜的,我没做过类似的),用cookie来判断了。

还要可维护啊…不知道你的运行环境…怎么写的可维护啊……

<nav class="nav" role="nav">

   <div class="nav-head">

       <p>文章的标了个题</p>

   <div>

   <div class="nav-tail">

     <a class="nav-brand" href="#">

       <img alt="Brand" src="...">

     </a>

   </div>

</nav>

//在html中用加入图片,

在css中定义一个导航条中的图片位置

.nav,.nav-head,.nav-tail,.nav-brand{

    padding=0px

    margin=0px

    border:soild

    border-color:#e7e7e7

    border-radius:4px

    display:block

    line-height:1.42

    font-size:14px

    font-family:"Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif

}//预定义一些方便的属性,具体的值自己改

.nav{

    display:table

    clear:both

    position:relative

    min-height:50px

}

.nav-head,.nav-tail{

    padding-left:15px

    padding-right:15px

}//宽度什么的就自己定义了……切合响应式最好

.nav-tail{

    float:right

    clear:both

}

.nav-brand{

    margin-left:-15px

    float:right

    line-height: 20px

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11606548.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存