Question

Does anyone know how to implement the navigation hover effect displayed on this web page into my HTML/CSS document? The aforementioned page is using a WordPress theme, but I would like to add that green effect to my generic web page and be able to change the color as well.

P.S. I have never used Javascript before. (Be nice.)

Answer 1

试试这个：

CSS

ul li{
 list-style:none;
}
ul li a{
transition:all 0.2s ease-out;
padding:5px;
border-radius:5px
}

ul li a:hover{
  background-color:#&dcc0e;
}

HTML：

<ul>
<li>
   <a>Hello</a>
</li>
</ul>

Answer 2

这不需要任何js。您可以像这样使用css过渡创建效果。

＆＃13;

<div><a href="javaScript:void(0);">menu</a></div>

＆＃13;

Private WithEvents Items As Outlook.Items

Private Sub Application_Startup()
    Dim ns As NameSpace
    Dim olInboxItems As MAPIFolder
    Dim objOwner As Outlook.Recipient

    Set ns = Application.GetNamespace("MAPI")
    Set objOwner = ns.CreateRecipient("xx@xx.com")
    Set olInboxItems = ns.GetSharedDefaultFolder(objOwner, olFolderInbox)
    Set Items = olInboxItems.Items

    'Debug.Print ns
    'Debug.Print objOwner
    'Debug.Print olInboxItems
End Sub

Private Sub Items_ItemAdd(ByVal Item As Object)
    If TypeOf Item Is Outlook.MailItem Then
        SaveAttachment Item
    End If
End Sub


Private Sub SaveAttachment(olMailItem As Outlook.MailItem)

    Dim strAttachmentName As String
    '
    ' Only inspect mail items
    ' Ignore appointments, meetings, tasks, etc.
    '
    'Debug.Print MailItem

    If olMailItem.Attachments.Count = 1 Then
       strAttachmentName = olMailItem.Attachments.Item(1).FileName
       olMailItem.Attachments.Item(1).SaveAsFile "C:\EmailAttachments\" + strAttachmentName
    End If

    Set olMailItem = Nothing
End Sub

＆＃13;

Javascript navigation hover effect

2 个答案:

CSS

HTML：